Live data from Hacker News

Show HN: Tableau-Like Data Visualizations in JavaScript

charts.com

1–10 of 117 posts

Re: Show HN: Tableau-Like Data Visualizations in JavaScript

#2
Hey everyone,

I’m part of the Muze team at Charts.com. Over the years I’ve seen lots of people who struggle to find the perfect balance between low-level visualization kernel (like d3), or black-box configurable charts (HighCharts, FusionCharts).

So we decided to build Muze taking a data-first approach, where you load your data in an in-browser DataModel, run relational algebra enabled data operators to get the right subset of data, and then just pass to Muze engine, which automatically renders the best visualization for it.

Any changes to data (including application of data operations) automatically updates the visualization, without you having to do anything else.

Couple of added benefits are : - With other libraries, if you’ve to connect multiple charts (for cross-interactivity, drill-down etc.), you’ve to manually write the ‘glue’ code. With Muze, all charts rendered from the same DataModel are automatically connected (enabling cross-filtering).

- Muze allows faceting of data out of box with multi-grid layout.

- Composability of visualizations allow you to create any kind of cartesian visualization with Muze, without having to wait for the charting library vendor to release it as a ‘new chart type’

- Muze exposes Developer-first API for enabling interactivity and customizations. You can use the low-level API to create complex interaction

We’ve literally just launched this last month or so, so I’d love some feedback if you can spare the time.

Thanks for taking a look!

Website: https://www.charts.com/muze Github: https://github.com/chartshq/muze

Re: Show HN: Tableau-Like Data Visualizations in JavaScript

#7
post #2

Hey everyone, I’m part of the Muze team at Charts.com. Over the years I’ve seen lots of people who struggle to find the perfect balance between low-level visualization kernel (like d3), or black-box configurable charts (HighCharts, FusionCharts). So we decided to build Muze taking a data-first approach, where you load your data in an in-browser DataModel, run relational algebra enabled data operators to get the right…

> I’ve seen lots of people who struggle to find the perfect balance between low-level visualization kernel (like d3), or black-box configurable charts (HighCharts, FusionCharts)

This is the biggest pain point for me with most current solutions. Either development time is super fast (e.g., tableau, periscope) but going beyond 80% is difficult, or development time is much longer (e.g., d3 or apis thereof) but you get full customization and getting to 100% is straightforward. For me, there is certainly a need to develop an 80% solution fast, but I also am always wanting to then redo the whole thing with lower level solution. I would prefer that I can piggy back off the 80% solution to 100% in the same software. That's a huge win for me. Thanks for providing a solution to this end, will definitely play around with this.

Re: Show HN: Tableau-Like Data Visualizations in JavaScript

#8
post #5

Looks very nice at first glance. I'm just digging into each example visualization. Noticed that the "Bubble with temporal axes" seems to peg my browser (Chrome 69 on Mid 2015 2.5 GHz Intel Core i7 Macbook Pro).

yes we have also noticed that and fixing that.

Re: Show HN: Tableau-Like Data Visualizations in JavaScript

#9

Checkout https://github.com/vega/voyager

Voyager is a recommendation system based on variables characteristics present in data. User is mostly limited by the offerings of voyegar (same story of https://github.com/vega/polestar).

Vega is descriptive version of d3. We find it hard for debugging and creating complex viz.

Vega-lite is concise and more intuitive version of vega though.

However Muze was created to start directly from data, creating layout, composable layers, automatic cross interaction and a robust interaction mental model. Muze is inspired from VegaLite-InfoVis and Snap together viz paper.

Post reply on HN