RawGraphs

The missing link between spreadsheets and data visualization

Sunburst: A sunburst is similar to the treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value.

Based on http://bl.ocks.org/mbostock/4063423

Página RawGraphs

Treemap: A space filling visualization of data hierarchies and proportion between elements. The different hierarchical levels create visual clusters through the subdivision into rectangles proportionally to each element's value. Treemaps are useful to represent the different proportion of nested hierarchical data structures.

Based on http://bl.ocks.org/mbostock/4063582

Página RawGraphs

Streamgraph: For continuous data such as time series, a streamgraph can be used in place of stacked bars.

Based on http://bl.ocks.org/mbostock/4060954

Página RawGraphs

Bar chart: A bar chart or bar graph is a chart or graph that presents grouped data with rectangular bars with heights proportional to the values that they represent.

Based on https://bl.ocks.org/mbostock/3310560

Página RawGraphs

Bump Chart: For continuous data such as time series, a bump chart can be used in place of stacked bars.

Based on New York Times's interactive visualization.

Página RawGraphs

VAGO: Para novas visualizações.

Chartist

Simple Responsive Charts

Site Código Github Exemplos

STACKED BAR CHART: You can also set your bar chart to stack the series bars on top of each other easily by using the stackBars property in your configuration.

https://gionkunz.github.io/chartist-js/api-documentation.html#chartistbar-function-bar

MULTI-LINE LABELS: Chartist will figure out if your browser supports foreignObject and it will use them to create labels that are based on regular HTML text elements. Multi-line and regular CSS styles are just two of many benefits while using foreignObjects!

https://gionkunz.github.io/chartist-js/api-documentation.html#chartistbar-function-bar

PIE CHART: A very simple pie chart with label interpolation to show percentage instead of the actual data series value.

https://gionkunz.github.io/chartist-js/api-documentation.html#chartistpie-function-pie