Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Open source library for web-based drill down charts [closed]

I have seen this Good javascript library for drawing charts using json, which lists charting libraries. I thought to go for FLOT but I didnot see that it is supporting drill down bars.

Can any one suggest me whether FLOT supports them or any other library I can use? I am mainly looking for drill down bars and pie charts with support of javascript and jquery and can pull the chart data for these graphs.

There is Highcharts and JFreeChart, will that work? JFreeChart does not support drill down, though.

like image 718
vishnu Avatar asked Sep 26 '12 06:09

vishnu


People also ask

Is chart js free to use?

js is a free, open-source JavaScript library for data visualization, which supports eight chart types: bar, line, area, pie (doughnut), bubble, radar, polar, and scatter.

What is a drill-down chart?

Drill down charts are used to give another level of detailed reporting to charts. The chart must be a bar, pie, or ring chart. Users click a specific bar or segment of a chart to drill-down to a more detailed report.

Is chart js a framework?

Chart. js is a chart library that is available as a client-side JavaScript package. There are also derivatives for other frontend frameworks, like React, Vue, and Angular. It displays the chart on an HTML canvas element.


2 Answers

d3.js. See the gallery:

https://github.com/mbostock/d3/wiki/Gallery

Drill down demos or examples:

  • http://mbostock.github.com/d3/talk/20111116/bar-hierarchy.html
  • http://mbostock.github.com/d3/talk/20111018/treemap.html
  • http://mbostock.github.com/d3/talk/20111018/partition.html
  • http://bost.ocks.org/mike/miserables/
  • http://www.jasondavies.com/coffee-wheel/
  • http://thepowerrank.com/visual/NCAA_Tournament_Predictions
  • http://square.github.com/crossfilter/
  • http://windhistory.com/map.html#4.00/36.00/-95.00 / http://windhistory.com/station.html?KMKT
  • http://trends.truliablog.com/vis/tru247/
  • http://trends.truliablog.com/vis/metro-movers/
  • http://marcinignac.com/projects/open-budget/viz/index.html
  • http://bl.ocks.org/3630001
  • http://bl.ocks.org/1346395
  • http://bl.ocks.org/1314483
  • http://slodge.com/teach/
  • http://tympanus.net/Tutorials/MultipleAreaChartsD3/
  • http://bl.ocks.org/3287802

There are several tutorials. Here are two:

  • http://www.12devsofxmas.co.uk/2012/01/data-visualisation/
  • http://nickqizhu.github.com/dc.js/

And there are fiddle-like d3 editors:

http://www.d3-generator.com/

So to me, d3.js certainly seems like the best choice.

like image 116
Jared Farrish Avatar answered Sep 26 '22 01:09

Jared Farrish


Go for http://kiersimmons.com/DDChart/index.html, it is a jquery plugin for drill down chart.

like image 33
pkachhia Avatar answered Sep 23 '22 01:09

pkachhia