It’s not often that I need to draw a diagram or a flowchart these days. My time is mostly consumed by more technically challenging tasks. And whenever I do have to produce some form of a chart, I usually fallback on to the Graphviz dot, which allows me to do something in literally seconds.
However, I’m pretty sure the day will (or, rather, return) when I’d need a tool to produce eye-pleasing diagrams and flowcharts. For that day, and for that day only, I’m leaving the link to SmartDraw here. It’s a commercial offering, but at $15/month for their cloud-hosted web-based application, it’s seems to be quite a bargain.
js-sequence-diagrams – turns text into UML sequence diagrams, like this one:
It supports a couple of styles – simple and hand-drawn. Handy!
Sheetsee.js is a client-side library for connecting Google Spreadsheets to a website and visualizing the information in tables, maps and charts. This is pretty neat, considering that you can already use Google Forms to collect the data from the website into the Google Spreadsheets. Also, I think this greatly simplifies the handling of tables on the web (every single CMS still sucks in this regard).
Here is a really cool visualization of the world’s 7 billion population. From the quality of life perspective, it’s mind-blowing to see 48 people out of a 100 living on less than $2 per day. From the technology perspective, the upcoming mobile boom is obvious – 30 people have access to the Internet, while 75 have a cell phone.
ECharts 2.0 – an Open Source charts solution from the Baidu team
MetricsGraphics.js – D3-based library for visualizing time-series data.
CSSPlot – charts with pure CSS
Chartbuilder / Gneisschart – a D3.js based front-end charting application that facilitates easy creation of simple beautiful charts. You can download and install it in your environment, or you can use a hosted version.
Chartbuilder was created to speed workflow in a newsroom and give reporters more responsibility over their content. It allows someone to create simple graphics quickly within a pre-specified style guide without needing specialized design software.
The output formats are can be used anywhere images and svgs are accepted. There’s no need for CMS integration or complex back end systems.
There are fewer excuses to use screenshots from analyst reports or charts in Excel.
Grafana – an open source, feature rich metrics dashboard and graph editor for Graphite, InfluxDB & OpenTSDB
Chartist.js – simple responsive charts.
The following facts should give you an overview why to choose Chartists as your front-end chart generator:
- Simple handling while using convention over configuration
- Great flexibility while using clear separation of concerns (Style with CSS & control with JS)
- Usage of SVG (Yes! SVG is the future of illustration in web!)
- Fully responsive and DPI independent
- Responsive configuration with media queries
- Fully built and customizable with SASS