Vizzu

Open-source JS library to build animated charts with ease

5.0•2 reviews•

30 followers

Open-source JS library to build animated charts with ease

5.0•2 reviews•

30 followers

Visit website

Data visualization tools

Vizzu lets you use animated charts to share insights in complex data sets as self-explanatory stories. You can embed animated reports and dashboards on your site using this dependency-free library that even takes care of data aggregation and filtering.

Free

Launch tags:Open Source•Analytics•Developer Tools

Launch Team

LaunchlaneCreate your AI website. Preview it free.

Promoted

Impressive work, congrats @petervidos! Few questions: Can you add gradients on shapes and border colors? Is there any documentation/tutorial for extending this library?

Report

4yr ago

Vizzu

Maker

@petervidos @andrea_scotto Of course Andrea. Check here: https://lib.vizzuhq.com/latest/#...

Report

4yr ago

Vizzu

Maker

Vizzu emits events before drawing the parts of the chart (e.g. each marker), where any additional canvas parameter (like gradient) can be set. Here is an example, where we use a faint gradient on the markers: https://lib.vizzuhq.com/stories/... (source: https://github.com/vizzuhq/vizzu...)

Report

4yr ago

@simon_laszlo thanks for sharing the github link. I see also shadow blur and other interesting things :) From my understanding does Vizzu try to mimic the SVG behavior of properties but in canvas?

Report

4yr ago

Vizzu

Maker

@andrea_scotto Yes, something like that, but the design consideration behind having events when chart element renderings occur was to provide full control over the rendering of the chart. This way any part of the chart can be overridden by user-defined rendering functions. For example, here we draw thumbnails beside each axis label using the same mechanism: https://lib.vizzuhq.com/stories/...

Report

4yr ago

Vizzu

Maker

Hey Product Hunters! 👋 Thanks for hunting Vizzu, @kevin! 🙏 We’re very excited to finally show it to the community! 😻 Vizzu is an open-source JavaScript charting library currently in public beta that focuses on connecting charts with animation and using this ability to enable better storytelling and exploration. It works similarly to other charting libs, but when you create a set of charts, Vizzu will automatically animate between them. 📊🎬 For viewers, this makes it very natural to follow the story since the transitions remove the frustration of comprehending different graphs made of the same data set again and again. For the creators of data visualizations, the frustration is caused by the hoops they have to jump through to find the fitting charts to the story they want to tell - and when follow-up questions pop up. These frustrations caused by the broken UX of static charts were the triggers that set us off on this journey. Getting to this point took some time, but this makes us even more thrilled to share what we built. 💫🏃‍♂️🎉 We created an engine that provides a standard interface for several chart types as a first step. Then we looked at the parameter space of this engine and made each parameter interpolable, turning our engine into a generic chart morpher that can continuously interpolate between any charts described on its interface. This extreme level of flexibility was a great starting point, but we also wanted to make sure that Vizzu is easy to use for people who are not data viz experts. So we analyzed these transitions and came up with rules to make them self-explanatory and easy to follow for the viewers, and then we embedded these rules into the Vizzu engine. 🕵️‍♂️📈 We decided to go open-source (Apache 2.0) to make it easy for others to build whatever they want with our tool. And because we’re building a community to figure out how the animation capability can be put to the best use to help people understand the world better. 😎🌎 You can find the whole project on Github: https://github.com/vizzuhq/vizzu... 🐙 Documentation with step-by-step tutorial and examples that you can start playing with in JSFiddle is here: https://lib.vizzuhq.com/latest/#... 🕹 Here are some stories we created and shared on Reddit: https://www.reddit.com/user/vizz... 🎞 Your feedback is highly appreciated! 🥰 We’ll be here all day with the team to answer your questions too. 💌 Thanks a lot!!

Report

4yr ago

Sales Sparrow by True Sparrow

?makers this is brilliant. It can make storytelling with data 10x more powerful. Totally going to try it soon with my launch tracker.

Report

4yr ago

Vizzu

Maker

Thanks a lot @nishith_shah! That's exactly what we hope to achieve. Let us know when you give it a try and we'd be happy to see what you build with Vizzu and also to support you. Just drop us a line at hello at vizzuhq dot com if you need us, or join our Slack.

Report

4yr ago

Pincone

Vizzu looks great, @petervidos! Love the focus on the animations. Our team is actively working on a tool that relies heavily on charts. We're considering apexcharts and Echarts right now, I'll drop in vizzu for the team to take a look at.

Report

4yr ago

Vizzu

Maker

Thanks @bozicivan! Sounds great! Let us know if you need more info. We're also happy to jump on a call to discuss the opportunities to bring the most out of Vizzu's capabilities.

Report

4yr ago

Vizzu

Maker

@bozicivan If you have a lot of charts, than it's worth mentioning that with Vizzu, utilizing animated charts you can integrate multiple static charts into dynamic ones making your dashboards/UI more clean.

Report

4yr ago

Pincone

@simon_laszlo Thanks for the heads up, at the moment, it's just a few widgets with charts for the MVP, but down the road we'll be allowing customers to basically configure their own dashboards. Will keep in touch if we have any feedback.

Report

4yr ago

This is great. I might use it in a big project. One question, what about the $? If it's free how will you make money and maintain it long term? Will there be a paid version with more features?

Report

4yr ago

Vizzu

Maker

Hey @fancsiki, Thanks for your interest in using Vizzu. We have other products coming up that will utilize the open-source lib's tech but are paid solutions. Also we can provide a different license for the library if that's necessary for your project including indemnity & support.

Report

4yr ago

Incredible, I've been searching for an easy to use chart library (want to use it with Vue). I'll make a little project with data just to give it a try!

Report

4yr ago

Vizzu

Maker

So great to hear @robin_beaudru! Please share whatever you build with Vizzu either here, on our Slack workspace or just send me the link to peter@vizzuhq.com Also let us know if you need any help.

Report

4yr ago

Vizzu

Maker

@robin_beaudru Thanks, I'm glad that you find our API easy to use. It was indeed a design goal during planning the API.

Report

4yr ago

Animated charts are a game changer for data storytelling and interactive data explorers. I have already used Vizzu in a few of my presentations and it is just a whole new level for explaining the narrative. Congrats on the launch and excited about where this is going! (Disclaimer: I am an advisor to Vizzu)

Report

4yr ago

Vizzu

Maker

Thank you @zoltan_prekopcsak, having a seasoned data professional like you as an advisor and early adopter has already helped us a lot in finding our way forward. There are so many possibilities within Vizzu, but it's people like you showing us which of these we should focus on. )

Report

4yr ago

1 2 3

•••

5.0

Based on 2 reviews

Review Vizzu?

Reviews

Most Informative