Data Visualization recommended Data Visualization tools

Building a company-level visualization library/tool from scratch within the r&d team is very low (cost, capability, etc…). To sum up, today I recommend some existing tools for the Web direction (including implementation Outlines, technical directions) for your reference.

All links below are source code repositories.

Don’t worry about finding libraries for data visualization any more.

  • D3 – JavaScript visual library for HTML and SVG.

  • Metrics-graphics – is a library built on top of D3, optimized for visualization and layout of time series data.

  • Three.js – JavaScript 3D library.

  • Chart.js – Simple HTML5 Chart using Canvas

  • Paper.js – Vector Graphics — Scriptographer ports to JavaScript and browsers using HTML5 canvas

  • Fabric.js – the JavaScript Canvas library also provides SVG to Cnanvas (Canvas to SVG) parsers.

  • Raphael – JavaScript vector graphics library.

  • Echarts-javascript provides a rich library of charts and visualizations.

  • sigma.js –Version1: Canvas + SVG Version2: Webgl+ Canvas is a JavaScript library dedicated to drawing graphics

  • Visjs – Multiple libraries for dynamic, browser-based data visualization. (The following screenshot shows network)

  • Two-.js – a renderer independent 2D drawing API for the Web.

  • Dc.js – Multidimensional charts are JS built for working locally with d3 rendered cross filters

  • Flot – jquery-based JavaScript chart.

  • Nvd3 – Build reusable chart and chart component JS for D3.

  • Svg.js – a lightweight library for manipulating SVG and animating it.

  • Simple business analysis chart supported by Dimpl.js-D3.

  • Chartitist – JS – Simple response charts.

  • Epoch – A universal real-time chart library.

  • C3 – D3-based reusable chart library.

  • BabylonJS – a framework for building 3D games using HTML5 and WebGL.

  • Recharts – Redefine the charts library with React and D3.

  • GraphicsJS – A lightweight JavaScript graphics library based on SVG/VML technology with intuitive apis.

  • G2 – is a set of graphics syntax based on the theory of graphics visualization engine, for the general statistics class of charts, visual graphics syntax.

  • G2Plot – a collection of graphs and charts that are simple and easy to use, with some ability to extend and combine

  • Cytoscape. Js – a fully featured graph theory library.

  • cola.js – library for arranging your HTML5 documents and diagrams using constraint-based optimization techniques

  • Jointjs – Chart library for creating static charts or fully interactive chart tools. (Including free and/or paid versions)

  • Vizzu – Library for animated data visualization and data stories.

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — – network problems not capture part — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

  • mxGraph – Diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser that is supported by its vendor.

  • Frappe Charts – GitHub-inspired simple and modern SVG charts for the web with zero dependencies.

  • Frappe Gantt – A simple, interactive, modern gantt chart library for the web.

  • Heatmap.js – A JavaScript library for heat maps based on HTML5 canvas.

  • Jquery. sparkline – a plugin for the jquery JavaScript library that generates small mini-charts directly in the browser.

  • D3-cloud – Create word clouds in JavaScript.

Some other paid products

amchart, anychart, plotly, highchart, lightning chart