Contour - Various kinds of web graph library supporting various kinds

It is the graph that you are often asked about developing a web system. There are already a lot of graph libraries, but there are various problems, such as types of graphs are unsatisfactory, usability is not good, default generated graphs do not fit the system they are making.

Therefore, it is important to first know a lot of graph libraries. Let's choose something that suits your needs. This time I will introduce Contour.

How to use Contour

First, a very basic line chart.


Example combined with D3.js.


Curve graph.


bar graph.


Stacked bar chart.


Horizontal bar graph.


Even stacked sideways.


Area graph.


There are also pie charts and donut charts.


A series of pie charts.


Scatter plot.


Scatter plot + trend.


map.


Map of the United States.


It can also read from CSV.


Contour supports graphs such as polygonal lines, curves, circles / donuts, bars, areas, scatter charts, and so on. Furthermore, it can correspond to many charts by combining with D3.js. Drawing is fast and seems to be easy to use. The graph uses SVG.

Contour is open source software made by HTML5 / JavaScript (source code is released, but license is not specified).

Contour Overview

forio/contour