Hey everyone,<p>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).<p>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.<p>Any changes to data (including application of data operations) automatically updates the visualization, without you having to do anything else.<p>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).<p>- Muze allows faceting of data out of box with multi-grid layout.<p>- 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’<p>- Muze exposes Developer-first API for enabling interactivity and customizations. You can use the low-level API to create complex interaction<p>We’ve literally just launched this last month or so, so I’d love some feedback if you can spare the time.<p>Thanks for taking a look!<p>Website: <a href="https://www.charts.com/muze" rel="nofollow">https://www.charts.com/muze</a>
Github: <a href="https://github.com/chartshq/muze" rel="nofollow">https://github.com/chartshq/muze</a>
Is there a plan to create a version that generate the graphs and manage all the filtering on the server side instead of having all the data in the browser?<p>This will be very helpful for cases that uses large datasets...<p>I built visualization using dc.js, and working with large datasets was the biggest pain point for me.<p><a href="http://adilmoujahid.com/posts/2016/08/interactive-data-visualization-geospatial-d3-dc-leaflet-python/" rel="nofollow">http://adilmoujahid.com/posts/2016/08/interactive-data-visua...</a>
I've been a career data analyst for 12 ish years. At first I didn't get the reference to Tableau, because I use Tableau for about 5-8 hours every day. I've played around with every new charting library since Flex because I've always wanted to create a free version of Tableau that gets me 80% of what I use Tableau for, but with 1% the frustration of using Tableau. Problem was, I could never figure out how Tableau is able to create its visualizations so easily just by drag and drop. Every library makes you think of the chart you want to make beforehand, but as an analyst, I work on the data first then spend almost equal amount of time finding the most intuitive visualization for the trend I'm trying to convey. So I've just put that idea on hold indefinitely.<p>I went through the tutorial and I have to say...oh man, this is amazing. Building a Tableau clone is now possible! I hope you guys don't go under because its going to take me a while, but I'm super excited!<p>Does this work on mobile? Also, when I click "Play" the chart takes atleast 1-2 seconds to render. Is that just your code running engine or does every visualizations have that lag?
Hey, what did you guys use to build the feedback/roadmap part? (<a href="https://feedback.muze.charts.com" rel="nofollow">https://feedback.muze.charts.com</a>) Is it a third-party service or something built in-house?
Just saw a tweet storm of the CTO of Charts.com talking about Muze and a lot of the things make sense as to why they went with a data first model and the roadmap ahead. Link for anyone that's interested: <a href="https://twitter.com/1dot61803/status/1047384637289500673" rel="nofollow">https://twitter.com/1dot61803/status/1047384637289500673</a>
We currently use Plotly quite a bit where I work for a customer facing website with a wide variety of charts. Does anyone know what some of the tangible benefits might be to migrating to this instead of using Plotly?
Is it possible to have multiple scales on a single axis this is something we use a lot at my work but very few javascript charting libraries seem to support.<p>Example here:
<a href="https://imgur.com/a/zd5Giom" rel="nofollow">https://imgur.com/a/zd5Giom</a>
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).
Thanks for sharing!<p>A number of the charts in the examples are cut off (height-wise). <a href="https://www.charts.com/muze/examples/view/heatmap" rel="nofollow">https://www.charts.com/muze/examples/view/heatmap</a> for example (in Chrome 69). Seems fine in Firefox.<p><a href="https://imgur.com/a/Dq4fiz0" rel="nofollow">https://imgur.com/a/Dq4fiz0</a>
Shameless plug for a data + markup based approach, hiding some of d3.js complexity: <a href="https://github.com/PolymerEl/multi-verse" rel="nofollow">https://github.com/PolymerEl/multi-verse</a>.<p>Codebase is being migrated to Polymer 2.0, and better documentation.
this was the most interesting thing for us, but it is broken in Chrome/Linux. <a href="https://www.charts.com/muze/examples/view/microcharts-in-table-using-crosstab" rel="nofollow">https://www.charts.com/muze/examples/view/microcharts-in-tab...</a><p>Also what is the Reactjs story here ? We went down the "tabular views" journey a while back and eventually settled on react-virtualized which i think is the best of breed.
Is there any timeline example? Like <a href="http://visjs.org/timeline_examples.html" rel="nofollow">http://visjs.org/timeline_examples.html</a>
Nice work. I see a lot of potential.<p>Offtopic question, apologies: Where and how one can create the start page animation ( the one in 3D , with the moving impulses and floating charts ) ?
How does this compare to Plottable, another composable visualization library?<p><a href="http://plottablejs.org/" rel="nofollow">http://plottablejs.org/</a>
That's quite an interesting mix of HTML and SVG. Cool stuff.<p>The website could be a bit more responsive. The charts are overlapping if I make the browser narrower.