Vizzu

Open-source JS library to build animated charts with ease

5.0
β€’2 reviewsβ€’

30 followers

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.
Vizzu gallery image
Vizzu gallery image
Vizzu gallery image
Free
Launch tags:Open Sourceβ€’Analyticsβ€’Developer Tools
Launch Team
Unblocked AI Code Review
Unblocked AI Code Review
High-signal comments based on your team's context
Promoted

What do you think? …

Andrea Scotto
Impressive work, congrats @petervidos! Few questions: Can you add gradients on shapes and border colors? Is there any documentation/tutorial for extending this library?
Andras Kangyal
Simon Laszlo
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...)
Andrea Scotto
@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?
Simon Laszlo
@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/...
Ivan Bozic
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.
Peter Vidos
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.
Simon Laszlo
@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.
Ivan Bozic
@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.
BiΓ‘s Csongor
Super stocked to see Vizzu coming out from the private beta. Congrats on the launch, Peter & co πŸ“ˆπŸ“ŠπŸš€
KristΓ³f Klein
Thank you @bias_csongor!
Simon Laszlo
@bias_csongor Thanks! We've come a long way since the private beta.
ZoltΓ‘n PrekopcsΓ‘k
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)
Peter Vidos
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. )
Ikenna Paschal
This is super awesome. I love this. Will be playing round with it this weekend.
Peter Vidos
Thanks a lot @ikennaobieze!
Simon Laszlo
@ikennaobieze We are keen to check out what others build using Vizzu. If you happen to build something you would share with us, please do!
Peter Vidos
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!!
DΓ©nes Csala
I teach dataviz for university students and professionals. Vizzu is really filling a gap in terms of unlocking the time dimension through animations - something that no other comparable tool does out of the box! Vizzu efffectively substitutes days of D3.js hacking into hours or minutes of clean JS code. I've been following this project since the early days and the team is amazing! Really committed and knowledgeable. Good stuff guys, congrats on the launch & keep it up! πŸš€
Peter Vidos
Thanks @csaladenes! Your feedback means a lot to all of us at Vizzu. You keep pushing us to the limit with your requests about the software, that is an extremely important contribution which we're so grateful for. Can't wait to see your next vizzu :)
123
β€’β€’β€’
Next
Last