Charts and Graphs are the most basic way to represent data visually. People often use charts and graphs in dashboards, tables, reports and widgets – all of these interface components contains charts. So let`s have a look at the ten best free HTML5 and SVG chart generators that can be embedded into your website.
RAWGraphs
Create web visualizations from CSV, Excel files or JSON. RAWGraphs allows you to export visualizations as vector (SVG) or raster (PNG) images and embed them into your web page. Since RAWGraphs produces semifinished visualizations, you can even open them in your favorite vector graphics editor and improve them.
Amcharts
amCharts is is an open source Javascript library for data visualization and provides many charts. Their website has live editor which you can use to generate charts.
D3 Generator
This code generator helps you get off the ground quickly by automatically producing source code templates for various bar chart configurations. The generated source code is loosely based on Mike Bostock`s D3 bar chart tutorial.
Charts Ninja
Charts Ninja allows everyone to create beautiful HTML5 Graphs & Charts for their website for free! With unique charts creator wizard you’ll be able to create charts on-the-fly without any prior knowledge.
Chart.js Generator
This is online chat generator build on Chartjs. Great tool to make simple, but superb, online graphs, with a live preview as you change data. Create a line chart, bar chart, or radar chart, and then edit it in `real time`.
d3pie
d3pie is a simple, highly configurable script built on d3.js for creating simple, attractive pie charts. It`s free, open source, and found on github.
Datamatic
Datamatic is a CMS for data visualizations. Simply pick a data visualization template, customize it, and embed it on your website.
Chartblocks
No coding required. Build a chart in minutes in the easy to use chart designer, choosing from dozens of chart types and then customising it to your needs. Pull in data from almost any source and even create charts that pull data from multiple sources. The data import wizard will take you through the process step by step.
Vega
Vega is a visualization grammar, a declarative language for creating, saving, and sharing interactive visualization designs. With Vega, you can describe the visual appearance and interactive behavior of a visualization in a JSON format, and generate web-based views using Canvas or SVG.
Charted
Charted is a tool for automatically visualizing data, originally created by the Product Science team at Medium. Provide the link to a data file and Charted returns a beautiful, interactive, and shareable chart of the data.
Useful list, there are some names I have never heard of. One more chart editor to the list – https://www.charte.ca: free online chart editor that produces self-sufficient SVG files that can be easily embedded into HTML content. Disclaimer: I am affiliated with the charte.ca.
On a related note, http://chartscreator.com/ is a free online chart maker with intuitive interface to edit data and design beautiful data visualizations.