News for hackers. Stuff that matters.

vidipeti

Show HN: Embedded our open-source charting lib into a no-code storytelling tool

https://www.vizzu.io/

Hi HN,We're a small team working on a new dataviz engine and its applications. We built our charting engine in C++ and run it on WebAssembly. Two years ago, we launched Vizzu as an open-source animated data visualization library aimed at JS developers, allowing users to create dynamic charts. We also released a Python wrapper under the name ipyvizzu for data scientists.Since then, we've been...

( Read More... | no comments | 7 points | on HN )

Show HN: Animated chart presentations in Jupyter notebooks

https://github.com/vizzuhq/ipyvizzu-story

After releasing our open-source tool to build animated charts in Jupyter and other computational notebooks (https://news.ycombinator.com/item?id=30895975), we got two requests from data scientists:1. They lacked the opportunity to use these charts to present their findings and control the animation better than just (re)running notebook cells.2. They had challenges using our generic...

( Read More... | no comments | 10 points | on HN )
Oh and it works in Databricks, Colab, Kaggle and Deepnote notebooks too.
We built this presentation extension of our open-source charting tool ipyvizzu (https://github.com/vizzuhq/ipyvizzu) because we learnt from the interviews and feedback from data scientists that they struggle with presenting and sharing the results of their analysis with less tech savvy people.

Here's a live example: https://vizzuhq.github.io/ipyvizzu-story/examples/demo/ipyvi...

What do you think?

Hey HN, CodeViz Stat is an open-source tool that automatically visualizes the contents of a software project in VSCode. It's built as an example of what our open-source library Vizzu (https://github.com/vizzuhq/vizzu-lib) can be used for.

It's convenient to get a quick overview of your project and then dig deeper into a subfolder while keeping the context. It also comes in handy when you want to show your code to a new developer.

Here's an online example: https://vizzuhq.github.io/codeviz/

CodeViz Stat is built on top of Kentaro Usiyama's great VS Code Counter (https://marketplace.visualstudio.com/items?itemName=uctakeof...).

What do you think? How should we improve it?

Hey HN, We built this little open-source tool that automatically visualizes the contents of a software project in Visual Studio Code. We think it's a good example of what our open-source viz library Vizzu (https://github.com/vizzuhq/vizzu-lib) can be used for.

Key features of CodeViz Stat: - Shows file count and line count in total and by programming languages. - Allows navigation within the project folders, filtering the visualized data accordingly. - Shows a tooltip with details on mouseover.

CodeViz Stat is built on top of Kentaro Usiyama's great VS Code Counter (https://marketplace.visualstudio.com/items?itemName=uctakeof...).

Happy to hear any feedback! Let me know what you think!

Thanks! This is our bet too. :) We built our tech from the ground up with this in mind. And we're huge fans of Professor Rosling's work, of course.

Our animated charts have proven to be quite popular for storytelling: https://www.reddit.com/user/VizzuHQ/?sort=top

But we have big plans to build self-service tools on the same core technology. We're currently raising our next round, btw.

Thanks a lot :)
I work in the small team that created Vizzu (https://news.ycombinator.com/item?id=28895897), and now we've integrated our tool into Jupyter Notebooks to help data scientists and analysts present the results of their work easier.

ipyvizzu uses our open-source Javascript/C++ library, utilizing its generic dataviz engine that generates many types of charts and seamlessly animates between them. It is designed for building animated data stories as it enables showing different perspectives of the data that the viewers can easily follow.

Next to creating a Python API, we added extra features for this integration, like using data from a Pandas dataframe and auto-scrolling to keep the chart in position while executing multiple cells.

We would love to know what you think about it and how we should improve ipyvizzu.

Repo: https://github.com/vizzuhq/ipyvizzu Examples - click on any of them to see the code: https://vizzuhq.github.io/ipyvizzu/examples/examples.html#an....

Hey, Thanks for sharing our lib. Have you tested it? It would be great to have your feedback.
We have added a markdown file in the repo to list 3rd party projects: https://github.com/vizzuhq/vizzu-lib/blob/main/PROJECTS.md Feel free to add this there if you like.
Thanks! We do think that Vizzu works really well for storytelling but you're absolutely right that more examples would be necessary on the site. Here are a couple of examples that we built with a previous version of our tool: https://vimeo.com/showcase/8920560

Using dplyr with Vizzu seems possible - at least at first sight we actually do very similar transformations of the data .

This looks neat! We love the work of UW Interactive Data Lab but did not know about this one. Thanks for the suggestion.
Thanks for the feedback. It's on the roadmap, but it'll take some time until we get there.
WOW! That is so awesome! Thanks!
Thank you! Hans Rosling's work is an important source of inspiration for us. With Vizzu we hope to empower people to build engaging, animated data stories, just like Mr. Rosling did.
Thanks! Chart.js is an excellent charting library and much more mature than Vizzu currently. The key advantage of Vizzu is the embedded animation capability. You set up two charts, and you can morph from one to the other and vice versa out-of-the-box. The automatic data aggregation & data filtering feature is pretty unique as well.
Thanks! Really useful tips.
Thanks! :) This tweening and space saving is what we built Vizzu for! Do you think you could give it a try?

Regarding the combinations: it really depends on the data and the relationship you're looking for. We hope to make experimenting with such pairs or even series of charts easier with our lib.

Here are a couple of examples that worked well for us in certain settings: https://lib.vizzuhq.com/0.3.0/#example-1.1.12 https://lib.vizzuhq.com/0.3.0/#example-1.1.15 https://lib.vizzuhq.com/0.3.0/#example-1.1.3

I work in a small team in Budapest, Hungary, and this library is our first product, currently in public beta.

It works similarly to other charting libs, but when users create a set of charts, Vizzu will automatically animate between them. Thus, we think it is suitable for storytelling and building interactive data explorers.

The library is dependency-free, written in C++ and compiled to WebAssembly. It has automatic data aggregation and filtering capabilities, and we set the defaults used based on dataviz guidelines.

A short summary of how we built Vizzu: First, we created an engine that provides a standard interface for several chart types. 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 that can be described on its interface. After that, we analyzed these transitions and came up with rules that make them self-explanatory and easy to follow for the viewers, and finally, we embedded these rules into the engine.

We've been working on Vizzu for quite some time and decided to go open-source because we want to make it easy for others to try it and build whatever they want while helping us figure out how the animation capability can be put to good use.

We created a step-by-step tutorial and examples that you can start playing with in JSFiddle by clicking on the "Edit" button on each example's page.

Tutorial: https://lib.vizzuhq.com/0.3.0/

Examples: https://lib.vizzuhq.com/0.3.0/#examples-1.1

All suggestions and criticism are very welcome.