Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

A resource for working with Charts and graphs. Mostly a compendium of libraries and third party integrations.

Charts.module

A drupal module with API that supports High Charts and Google Charts libraries. Views integration

project/
code: https://www.drupal.org/project/charts 
docs: https://www.drupal.org/node/2423033 + https://www.drupal.org/node/233753 
examples: 

 

Google Charts


docs: https://developers.google.com/chart/interactive/docs/index 
examples: https://developers.google.com/chart/interactive/docs/gallery 


 

Charts.js

6 chart types
nice animations; very tin js, leverages HTML5 canvas + cross platform fallback 

project: http://www.chartjs.org 
code: https://github.com/nnnick/Chart.js 
docs: http://www.chartjs.org/docs/
examples:    


D3

good for inventing things

...

free for non-profits
supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart
also maps with touch support support.

(info) Highcharts has recently put a lot of work into making their charts more accessible!

project: http://www.highcharts.com 
drupal module: https://www.drupal.org/project/highcharts
    https://www.drupal.org/project/charts
code: 
https://github.com/highslide-software/highcharts.com 
docs: http://www.highcharts.com/docs 
examples: http://www.vitalsigns.mtc.ca.gov/transit-ridership#chart-2
    http://www.highcharts.com/demo
    http://www.highcharts.com/maps/demo 


Charts.module

A drupal module with API that supports High Charts and Google Charts libraries. Views integration

project/
code: https://www.drupal.org/project/charts 
docs: https://www.drupal.org/node/2423033 + https://www.drupal.org/node/233753 



...

Resources

 http://www.sitepoint.com/15-best-javascript-charting-libraries/