Examples

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

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

• Dashboard (Full Screen or With Code) - 6 panel study dashboard with customization.
• Lab Results Over Time with Interactive Normal Ranges made with Webcharts v0.1.3
• Immunologic Outcomes Explorer made with Webcharts v0.1.1