Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
What is the best alternative to Shield UI Charts?
Ad
Ad
Pixi.js
All
3
Experiences
Pros
2
Cons
1
Top
Pro
Supports WebGL w/ canvas fallback
Pixi is a WebGL renderer, but can fall back to canvas if WebGL is not supported or turned off.
See More
Top
Con
Not a complete solution
Pixi only provides the renderer.
See More
Top
Pro
Will be familiar to ActionScript developers
Pixi.js uses a code structure that's very similar to ActionScript.
See More
Hide
Get it
here
47
12
Raphael
All
6
Experiences
Pros
4
Cons
2
Top
Con
Complicated, confusing documentation
The documentation is often not clear and lacks practical examples.
See More
Top
Pro
Works with older browsers
Because Raphael supports rendering VML + SVG, it is one of the few drawing libraries that is backwards compatible with older browsers that do not support canvas.
See More
Top
Con
Can be difficult to get support
Online communities for Raphael are small and inactive compared to other drawing libraries, and many issues opened on github are never addressed.
See More
Top
Pro
Built in animations
Several built-in animations (such as ways of easing) are provided for you out of the box, but Raphael also allows cubic beziers for more complicated easing functions. Any drawing object property can be modified making it similar to css animations in jQuery.
See More
Top
Pro
Every object is interactive with events
Everything that is drawn in Raphael is an object which means it is easy to manipulate any part of the rendered image after it is processed. It uses an event handler system for user inputs which makes it easy to learn for JavaScript developers used to event based libraries. An interactive chart demo. This style of handling objects makes Raphael a good fit for rendering interactive diagrams and charts that can also interact with other parts of the page.
See More
Top
Pro
Easy creation of charts with extension
gRaphael is a Raphael extension to help you easily create graphs and charts.
See More
Hide
Get it
here
50
12
D3.js
All
9
Experiences
Pros
7
Cons
2
Top
Con
Steep learning curve
The complexity and flexibility of D3.js results in it being a time-consuming tool to learn for many users. D3 is incredibly flexible; probably more so than any other JavaScript visualization library at the time of this posting. With that flexibility comes increased complexity. If you just want to create some quick charts you will get results faster with something else.
See More
Top
Pro
Large community
D3.js is a very popular tool with an active community, resulting in plenty of learning resources and fast responses to questions.
See More
Top
Con
"Selections" are elegant, but somewhat hard to grok
Selections are core to working with D3 beyond the basics. They're powerful and useful, but require new developers to get up to speed (e.g. set aside 30m to read and digest: https://github.com/mbostock/d3/wiki/Selections) and if used in the context of a larger application will result in a portion of the code using different patterns than the rest, requiring a translation layer in between.
See More
Top
Pro
Huge number of examples online
Most of the examples provided are by the author, but there's also a great community writing plugins and more examples.
See More
Top
Pro
Doesn't require a proprietary framework
D3's emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework.
See More
Top
Pro
Versatile library for manipulating data on the DOM
See More
Top
Pro
Very flexible join paradigm
Can be tricky at first, but once learned, data manipulation and binding can easily generate complex visualizations for massive amounts of data.
See More
Top
Pro
Great for highly interactive scenes
D3.js offers incredible levels of interactivity.
See More
Top
Pro
Backwards compatible
D3.js is intended for modern browsers, so supports IE9 and above (IE8 with an additional library) as well as all the other modern browsers.
See More
Hide
See All
Experiences
Get it
here
357
65
Highcharts
All
9
Experiences
Pros
7
Cons
2
Top
Pro
Many different charts with lots of options
Highcharts provides 20 different types of charts to choose from, and they make it simple to combine chart types.
See More
Top
Con
Commercial
Highcharts is not free for commercial projects, with a starting price of US$590 for Single Developer + Maintenance & Support
See More
Top
Pro
Good documentation
Very handy with examples and explanations.
See More
Top
Con
The examples are not that great
For instance, example's JsFiddle may get stalled when loading.
See More
Top
Pro
Excellent browser support
Highcharts supports all modern browsers (including IE6 and up), iOS and Android.
See More
Top
Pro
Large and active community
Highcharts has a large and supportive community, resulting in a fast response from both stack overflow and the Highcharts forum.
See More
Top
Pro
Lots of good examples
The site has a selection of good examples that will help you get started quickly.
See More
Top
Pro
Supports multiple Y axes
Important for trend correlation, eg. comparing number of clicks to sale amounts. Not same scales / units.
See More
Top
Pro
Library to support Microsoft .NET
Compatable with .NET framework 4+, can develop graphs from server side for ASP .NETand ASP .NET MVC applications.
See More
Hide
See All
Experiences
Get it
here
66
18
Paths.js
All
3
Experiences
Pros
3
Top
Pro
Just helps building graphs, complements template engines or data-binding libraries
Can be used together with a template engine such as Mustache or Handlebars to display SVG graphics or instead of a static template engine, you can use a data binding or MVC/MV* library, such as Ractive.js, Angular, Mithril or Facebook React.
See More
Top
Pro
3 APIs for the price of one
3 APIs of increasing abstraction: Low-level (svg paths) Basic shapes (Polygon, Rectangle, Bezier, Sector, Connector etc..) Basic graphs (Pie, bar, stock, radar, tree, waterfall, sankey etc...) There is no magic, you can have as much control as you want on how you define your graphs, source code very readable.
See More
Top
Pro
Lightweight
18kb minified.
See More
Hide
Get it
here
4
0
Webix
All
11
Experiences
Pros
8
Cons
3
Top
Pro
A lot of widgets
Webix is one of the most extensive UI component libraries, second only to Sencha ExtJS. Not only considering the number of widgets, but also the API methods for manipulating these widgets.
See More
Top
Con
Commercial license
It's not free for commercial applications.
See More
Top
Pro
Views can be constructed using JavaScript without HTML
The most common way of working with webix is to create a JSON configuration of your view in JavaScript. When you use TypeScript, you get complete typechecking and intellisense in your IDE.
See More
Top
Con
Not very popular
Not really a reason to not recommend it. But it has still a small user base. It deserves a lot more attention.
See More
Top
Pro
Seems to be quite stable
Even the most complicated GUIs are bug-free most of the time.
See More
Top
Con
Not modular
The library is not modular (except for some additional more complex widgets). If you only need a few widgets, you still need to include the entire library.
See More
Top
Pro
Webix Jet
The webix Jet library adds all the required features for SPA development (routing, template loading, ...)
See More
Top
Pro
Extremely simple to implement.
To get started is extremely simple. It has a low learning curve.
See More
Top
Pro
Mature project
Regular updates and releases.
See More
Top
Pro
Great support from the webix team
The company behind webix is really quick in answering any questions you have on their forum or via email.
See More
Top
Pro
Awesome responsive material skins
Great design and icons pack.
See More
Hide
See All
Experiences
$0-$469
54
4
Snap.svg
All
7
Experiences
Pros
4
Cons
3
Top
Pro
Pure SVG library
See More
Top
Con
Not actively developed
During 2016 was few updates, more updates in 2017
See More
Top
Pro
Written by a SVG Guru and pioneer
Dmitry Baranovskiy also wrote Raphael (project now owned by Sencha), this is the updated modern version of that library. Dmitry also is a champion directly affecting the future of SVG standards with W3C
See More
Top
Con
Spotty exporting
Exporting doesn't work well (if at all sometimes) with SVGs exported from anything other than Adobe products.
See More
Top
Pro
Backed by Adobe
Adobe is backing the development of snap.svg
See More
Top
Con
Weak documentation
Explanations provided in the documentation can often be unclear, with some features missing from the documentation all together.
See More
Top
Pro
Features
Supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more
See More
Hide
See All
Experiences
Get it
here
22
2
Livegap charts
All
5
Experiences
Pros
3
Cons
2
Top
Pro
Free
Tool to easily create beautiful chart from any data then save as image or animated HTML Charts
See More
Top
Con
No candlestick charts
See More
Top
Pro
Charts can be exported to multiple formats
Charts can be exported to images or HTML.
See More
Top
Con
No gantt chart
See More
Top
Pro
Can be opened from the browser
The tool is online and can be used from a web browser, no application is needed.
See More
Hide
0
10
1
Chart.js
All
6
Experiences
Pros
4
Cons
2
Top
Pro
Lightweight and fast
The library contains a set of 6 charts and is 11Kb gzipped, this makes its loading time and page impact low.
See More
Top
Con
Limited features
Chart.js currently offers only 6 graph types, and lacks the flexibility offered by other options. For example, controlling the display of tooltips is fairly limited.
See More
Top
Pro
Responsive charts
The charts are fully responsive, meaning they resize based on the viewport width.
See More
Top
Con
Canvas based
Canvas it bitmap based and shares the same issues as non-vector formats.
See More
Top
Pro
Clear documentation
The chart.js documentation is well organized and provides detailed information on using each feature.
See More
Top
Pro
Plugin support
Many plugins available via NPM and you can easily write your own
See More
Hide
Get it
here
114
9
p5.js
All
6
Experiences
Pros
5
Cons
1
Top
Pro
Accessible documentation
Reference documentation and lots of examples are available directly on the website.
See More
Top
Con
No built-in rendering
If looking for something to build UIs with or similar, one might be disappointed by the lack of any pre-defined UI element objects and such in p5.js. One has to write all the rendering code for any objects one includes, integrating it appropriately with the loop.
See More
Top
Pro
Great community
p5 users benefit from the Processing community's 15+ years of growth and discovery. Processing code can easily be converted to p5.
See More
Top
Pro
General programming concepts
As a continuation of the Processing project, this frameworks helps in understanding the general programming concepts that goes beyond drawing (connecting electronics, using sounds or the webcam etc),
See More
Top
Pro
Easiest to learn to obtain high grade results
In a few days any body can understand extremely complex figures in a few minutes.
See More
Top
Pro
A lot of YouTube tutorials
See More
Hide
Get it
here
60
6
Recharts
All
4
Experiences
Pros
3
Cons
1
Top
Pro
Extensible
This is a fairly extensible library that allows you to add your own components
See More
Top
Con
Depends on ReactJS
This relies upon React.js so if you're not using React, this isn't really an option.
See More
Top
Pro
Beautiful
Charts made with Recharts look great.
See More
Top
Pro
Fast
Recharts renders quickly and smoothly.
See More
Hide
Get it
here
2
0
Fabric.js
All
8
Experiences
Pros
6
Cons
2
Top
Pro
Out of the box Node.js support
Fabric supports node.js, and has an npm package available for server side rendering with all the dependencies handled for you. This allows you to provide graceful degradation for image fallbacks to canvas or SVG content.
See More
Top
Con
No front-end only version via Node
NPM package has major dependencies.
See More
Top
Pro
Vector focused API
Drawing objects in fabric are vector focused, so everything is easily transformable. It makes it easy to create complex pathed shapes, add gradients, or filters. Although fabric is great for vector rendering, it also has image support as well.
See More
Top
Con
A little bit less support for Angular.js
https://github.com/michaeljcalkins/angular-fabric
See More
Top
Pro
Outputs to canvas and SVG and JSON
When it comes to format compatibility, Fabric is the best, with the ability to output to Canvas, SVG, and JSON. SVG provides backwards compatibility for older browsers, and JSON allows you to store rendered output for later use.
See More
Top
Pro
Great interaction with SVG, excellent coding
If you are about to customize the library to your needs, this is the project of choice! Great programming work!
See More
Top
Pro
Good support for SVG multi-line text
Allows creating multi-line text that can even be interactively edited by user interaction.
See More
Top
Pro
Browser only version now available
If the node-canvas dependency is a problem you can now look for npm install fabric@x.y.z-browser
See More
Hide
See All
Experiences
Get it
here
48
10
Anime.js
All
3
Experiences
Pros
3
Top
Pro
Very simple
It's one of the easiest drawing libraries to learn.
See More
Top
Pro
Works with all of the common browsers
That includes: Chrome, Safari, Opera, Firefox and IE 10+
See More
Top
Pro
Pretty lightweight
Only 9.43KB.
See More
Hide
Get it
here
4
1
Three.js
All
12
Experiences
Pros
10
Cons
2
Top
Pro
Feature rich
Effects: Anaglyph, cross-eyed and parallax barrier. Scenes: add and remove objects at run-time; fog Cameras: perspective and orthographic; controllers: trackball, FPS, path and more Animation: armatures, forward kinematics, inverse kinematics, morph and keyframe Lights: ambient, direction, point and spot lights; shadows: cast and receive Materials: Lambert, Phong, Standard, smooth shading, textures, PBR and more Shaders: access to full OpenGL Shading Language (GLSL) capabilities: lens flare, depth pass and extensive post-processing library Objects: meshes, particles, sprites, lines, ribbons, bones and more - all with Level of detail Geometry: plane, cube, sphere, torus, 3D text and more; modifiers: lathe, extrude and tube Data loaders: binary, image, JSON and scene Utilities: full set of time and 3D math functions including frustum, matrix, quaternion, UVs and more Export and import: utilities to create Three.js-compatible JSON files from within: Blender, openCTM, FBX, Max, and OBJ Support: API documentation, public forum Examples: Over 150 files of coding examples plus fonts, models, textures, sounds and other support files
See More
Top
Con
Lack of versioning system means that the API changes frequently
Three.js releases a new revision about once a month, and the API can change at any time. This means that a lot of third party help found online is out of date.
See More
Top
Pro
Well documented
The documentation is detailed, providing clear explanations and code samples of the various features. There are also hundreds of examples available.
See More
Top
Con
Weak visual tools
Three.js has its own editor but it has been weakly developed. It does not support a lot of engine features.
See More
Top
Pro
Helpful and friendly community
Thanks to the recently introduced forum, it is easy to find a community of helpful developers.
See More
Top
Pro
Support for physically based rendering
With the introduction of the new MeshStandardMaterial, three.js support physically based rendering (PBR) out of the box allowing for real life quality material and lighting.
See More
Top
Pro
Support for most industry standard file formats
Three.js has importers for most of the industry standard files format (obj, mtl, fbx, 3ds, gltf, collada, babylon, playcanvas, stl, vrml, draco and many more), making it easy to author assets in your favourite modelling software and import them for use them in three.js.
See More
Top
Pro
Actively developed
Three.js has great project health, with activity on Github daily for bug fixes and new features.
See More
Top
Pro
Fallback canvas rendering
Three.js offers a canvas renderer as a fallback when WebGL is not available.
See More
Top
Pro
Support for special effects and postprocessing
Three.js support many special effects and post-processing filters including particles, lensflare, sprites, real time reflection and refraction and even area based lighting.
See More
Top
Pro
Hundreds of officially maintained plugins, extensions, control systems, importers, exporters and special effects
The core of the three.js system is kept to a minimum to reduce file size, however there are also hundreds of extensions maintained in the offical repo on github, along with many free textures, fonts and models. You can find them all here.
See More
Top
Pro
Plenty of tutorials and examples
Three.js official documentation provides plenty of well-written examples with a wide variety of tutorials written by the community available that you can find by doing a google search.
See More
Hide
See All
Experiences
Get it
here
92
18
Paper.js
All
7
Experiences
Pros
5
Cons
2
Top
Pro
Operator overloading
It is written in a language nearly identical to JavaScript, but adds helpful operator overloading to allow you to perform coordinate arithmetic.
See More
Top
Con
Limited to single instance
The code is written in a way that everything is global and limited to a single instance, there is no clean way to use 2 separate instances in the same page
See More
Top
Pro
Geometric Tests
An almost-unique feature: can test geometry if contains(), isInside() or intersects() one other object. Offers even hit-testing methods!
See More
Top
Con
Not supported in older browsers
Paper.js runs on top of HTML5 Canvas, which is not supported in older browsers.
See More
Top
Pro
Behaviours handled by objects
Objects in Paper make it easy to extend parent objects and run constructor functions without having to worry about JavaScript prototypal inheritance. Because of this it is easy to make compound drawing objects with their own instance variables and behaviors. Example: each swimming tadpole follows its own behavior These features make it easier to create objects that can act autonomously with complex behaviors. This makes Paper a good choice for particle effects and game development.
See More
Top
Pro
Object constructors
Elements all have the option of being created with a hash of properties which promotes clean, concise, and contextually local coding practice.
See More
Top
Pro
Good for making games
Paper uses a frame based approach to rendering the canvas. This makes it conceptually easier to create objects with animations and behaviors that interact and perform with other objects. Along with Paper's approach to creating and managing objects this makes Paper especially good for creating applications with complex behaviors with many elements doing different actions at once, and makes it a good choice for making games.
See More
Hide
See All
Experiences
Get it
here
67
14
AnyChart
All
10
Experiences
Pros
8
Cons
2
Top
Pro
A lot of different data formats
xml, json, csv, js api.
See More
Top
Con
Proprietary
See More
Top
Pro
Lots of chart types
Including bar, line, area, scatter, waterfall, spline, funnel, bubble, polar, column, columnrange, pie, box plot, angular gauge, areasplinerange, and other types of "basic" charts (AnyChart); Gantt charts (AnyGantt); Maps (AnyMap), and Financial/Stock charts (AnyStock).
See More
Top
Con
Expensive
Once you use it on anything but a site, it rapidly gets expensive.
See More
Top
Pro
Independent from other js libraries
no jQuery or libraries.
See More
Top
Pro
IE6+ support, along with mobile browsers
See More
Top
Pro
Experienced team and long product history
AnyChart is on the market since 2003.
See More
Top
Pro
Events support
See More
Top
Pro
Flexibility
Any part of chart can be adjusted.
See More
Top
Pro
A lot of integration templates
Technical integration templates for many popular stacks.
See More
Hide
See All
Experiences
Get it
here
41
10
Chartist.js
All
6
Experiences
Pros
4
Cons
2
Top
Pro
Uses SVG
See More
Top
Con
Very humble feature set
See More
Top
Pro
Lightweight and fast
Chartist is lightweight at only 10KB, resulting in very little impact on load time.
See More
Top
Con
Animations only work in modern browsers
Animation support is somewhat limited, with IE not supported at all.
See More
Top
Pro
Offers fully responsive charts
Chartist offers responsive configuration with media queries, which not only resizes the chart but also provides different text and shapes.
See More
Top
Pro
No dependencies
Chartist.js has no dependencies, keeping it lightweight and fast to configure.
See More
Hide
Get it
here
12
4
ZoomCharts
All
7
Experiences
Pros
6
Cons
1
Top
Pro
Charts-on-Charts
ZoomCharts patented technology called Charts-on-Charts, which allows to dynamically build multiple interactive charts inside one canvas object.
See More
Top
Con
Very expensive
See More
Top
Pro
Multi-touch
ZoomCharts is built for mobile devices. All native multi-touch gestures are built in. Data navigation and exploration is as native as it could ever be.
See More
Top
Pro
Interactivity
All ZoomCharts products have high level of interactivity available.
See More
Top
Pro
Speed & Performance
ZoomCharts are canvas based, as tested with default settings, more than 20 times faster as svg based competitor with same data and default settings. Video available on ZoomCharts youtube channel.
See More
Top
Pro
Extensive documentation
Most of ZoomCharts customers do comment that ZoomCharts Documentation is one of the best that they have seen
See More
Top
Pro
Fantastic Support
They responded to my issue/question really amazingly fast and that means I didn't have to halt my project development. Also the attitude was great.
See More
Hide
See All
Experiences
Get it
here
12
4
CanvasJS Charts
All
9
Experiences
Pros
6
Cons
3
Top
Pro
Works across devices and browsers
Charts can render across devices including iPhone, iPad, Android, Windows Phone, Desktops, etc.
See More
Top
Con
No drill-down
There is no drill-down possibilities built in.
See More
Top
Pro
High performance
Charts can render tens of thousands of data points without any performance issues.
See More
Top
Con
Non-interactive
Charts lack interactivity features.
See More
Top
Pro
Free for non-commercial use (Creative Commons Attribution-NonCommercial 3.0 License)
See More
Top
Con
Cost for commercial use
See More
Top
Pro
Start-up friendly
Offers discounted pricing for start-ups and new companies.
See More
Top
Pro
Good commercial pricing
A single developer license for CanvasJS costs $299.
See More
Top
Pro
Supports 24 different chart types
Supports 24 different chart types including line, column, bar, spline, area, pie, doughnut, stock charts, etc.
See More
Hide
See All
Experiences
Get it
here
14
5
GraphicsJS
All
9
Experiences
Pros
9
Top
Pro
Powerful line drawing
Not only Bezier curves but also any lines, shapes, arcs, etc. out-of-the-box.
See More
Top
Pro
Convenient API
Clear and concise API with chaining support.
See More
Top
Pro
Virtual DOM
Rapid drawing. Only what is necessary is drawn.
See More
Top
Pro
Has its own transformation engine
No need to use embarrassing in-browser transformations.
See More
Top
Pro
Legacy browser support
IE6+.
See More
Top
Pro
Smart layering system
With z-index.
See More
Top
Pro
Rich text features
Multiline text support, text measurement, wrap, indent, spacing, align, etc.
See More
Top
Pro
Full accessibility (Section 508)
See More
Top
Pro
Events support
All browser events are dispatched in the same way in virtual DOM structure also.
See More
Hide
See All
Experiences
0
32
12
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
{}
undefined
url next
price drop