This commodity will highlight the challenges we faced in one of our business use cases and our assay afore accession at D3.js.
Chart.js uses HTML 5 and Canvas to cede archive and polyfills to abutment old web browsers. It includes abounding blueprint types (Line, Bar, radar, polar, pie and doughnut, etc.,) anniversary in its own bore so we can use them per our requirements. It provides apple-pie and collapsed charts, additionally its book admeasurement is actual small. It is open-source and chargeless to use.
Charts are rendered application HTML5 and SVG to accommodate cross-browser affinity (including VML for earlier IE versions) and cantankerous belvedere portability to iPhones, iPads, and Android. It provides simple band archive to circuitous Timberline maps and additionally provides Zoom and PAN functions for a few blueprint types. It is free, but not open-source.
Fusion archive accommodate over 80 archive and 1000 maps, and it is a added complete band-aid than Google Charts. HTML 5 and SVG are acclimated to cede the graphs, and Fusion Blueprint additionally supports adaptable devices. It supports a advanced ambit of archive like spline, column, bar, maps, and angular gauges, amid others. It offers 90 blueprint types and 965 maps. It is best for a huge ambit of customizable charts. It is chargeless for un-commercial and paid for bartering users.
Zing blueprint offers over 100 blueprint types to fit your abstracts and provides a affluent API that allows you to amount new abstracts and adapt absolute charts. Zing Blueprint endless abstracts in absolute time and gives you the adeptness to adapt and use your own blueprint themes. It offers a abundant way to present your abstracts application the refresh/feed system. It can be advantageous back application an alien abstracts source. It is free, but not open-source.
It is open-source and chargeless to use.
D3.js provides you with the advantage to accomplish custom archive and graphs, admitting added libraries alone accommodate predefined archive for you to use and customize. There are abounding means to anticipate our abstracts but the flexibility, versatility, and acceptable development association surrounding D3.js makes it a abundant advantage to explore. D3 supports ample abstracts to actualize activating animations and it is acutely fast and responsive.
Below are some the key appearance of D3:
It can handle map integration.
Give you the adeptness to amend the blueprint back your aboriginal abstracts set has changed.
Give you the adeptness to adapt the affair and colors of the graphs.
Multiple user interface options like Zoom, Tooltip, Export, Drag-and-Drop Filter, etc.,
Integration with AngularJs.
D3 has a congenital functionality that allows you to amount the beneath Alien Abstracts Resources.
CSV (Comma afar values)
An HTML document
A blueprint encapsulates a action for laying out abstracts elements visually, about to anniversary other. It could be as simple as stacking confined in a blueprint or as circuitous as labeling a map. Layouts booty a set of ascribe data, administer an algorithm or heuristic, and achievement the consistent positions/shapes for a adamant affectation of the data.
Partition – recursively allotment a bulge timberline into a sunburst or icicle.
Pie – compute the alpha and end angles for arcs in a pie or donut chart.
Stack – compute the baseline for anniversary alternation in a ample bar or breadth chart.
Tree – position a timberline of nodes tidily.
Treemap – use recursive spatial subdivision to affectation a timberline of nodes.
NVD3 applies the re-usable archive and blueprint apparatus from D3.js after demography abroad the adeptness that D3 gives you.
The complication and adaptability of D3.js after-effects in it actuality a time-consuming apparatus to apprentice for abounding new users.