Performance Testing for JavaScript Charting Library
This is a simple static page to generate many charts with JavaScript library and figure out the potential performance issues.
Reference
- The 15 Best JavaScript Charting Libraries: http://www.sitepoint.com/15-best-javascript-charting-libraries/
- JavaScript (HTML5) Charting Library Comparisons: http://www.fusioncharts.com/javascript-charting-comparison/
Libraries
- jQuery 2.1.3: http://jquery.com/download/
- jQuery UI 1.11.4 Cupertino: http://jqueryui.com/download/
- Highcharts: http://www.highcharts.com/download
Examples
- D3.js
- Fund Visualization: http://fundvis-ywng.rhcloud.com/JPMProvident.html
- Force-Directed States: http://mbostock.github.io/d3/talk/20111018/force-states.html
- Crossfilter: http://square.github.io/crossfilter/
- Animated Pie and Line Chart: http://codepen.io/stefanjudis/full/gkHwJ
- Hip Replacement by State: https://vida.io/documents/s5qo5Gwrct5HNxAD2
- The global center of mass of higher education: http://blog.csaladen.es/universities%20geo/
- Highcharts:
- Ajax loaded data, clickable points: http://www.highcharts.com/demo/line-ajax
- Time series, zoomable: http://www.highcharts.com/demo/line-time-series
- With data labels: http://www.highcharts.com/demo/line-labels
- Sparkline charts: http://www.highcharts.com/demo/sparkline
- amCharts:
- CSS animations: http://www.amcharts.com/demos/css-animations/
- Professional Candlesticks: http://www.amcharts.com/demos/professional-candlesticks/
- Line Chart with Scroll and Zoom: http://www.amcharts.com/demos/line-chart-with-scroll-and-zoom/
- Using SVG Filters: http://www.amcharts.com/demos/using-svg-filters/
- Custom HTML Elements as Map Markers: http://www.amcharts.com/demos/custom-html-elements-map-markers/
- FusionCharts:
- Real-time charts: http://www.fusioncharts.com/charts/realtime-charts/