Examples

#Overview Welcome to the Webcharts gallery! Most examples are hosted using Gists and bl.ocks.org.

Related Libraries

• webcharts-templates - webcharts-templates extends webcharts library to include webcharts.createTemplatedChart(), a convenience function used facilitate re-use of common charts.
• webcharts-helpers - Coming Soon

Basic Examples

• Simple Scatter Plot - Protein vs. carbs: who ya got!?
• Simple Bar Chart - Medal counts from the 2012 Olympics. USA! USA! USA!
• Stacked Bar Chart - Same as above, but with bars sectioned by medal type.
• Grouped Bar Chart - Same as above, but with bars grouped instead of stacked (and given pretty colors!).
• Simple Line Chart - Melting and boiling points for elements in the periodic table.
• Simple Table - Basic "printout" of the same element data as above.

Intermediate Examples

• Custom Chart with Controls - Adjust x- and y-values and filter data using dropdowns.
• Chart with Multiple Marks - Points and lines on the same chart! And a control!
• Simple Histogram - Simple Histogram created with webcharts-tempalates
• Histogram with Linked Table - Histogram with linked table. Uses callbacks via chart.on() and tables via Webcharts.table(). Packaged together with webcharts-tempalates
• Small Multiples - Coming Soon

Advanced Examples

• Lab Results Over Time with Interactive Normal Ranges made with Webcharts v0.1.3
• Immunologic Outcomes Explorer made with Webcharts v0.1.1
• Dashboard - Coming Soon