All D3 examples listed below are created using D3 and Dimple. Customized hover effects, tooltips and styling are built into all of these examples. Check out the variable types page to better understand the types of variables being used in the charts.

Bar charts

• Vertical bar chart

  • Type 1A: x-axis: nominal; y-axis: percent; color by: none
  • Type 1B: x-axis: nominal; y-axis: percent; color by: nominal variable 
  • Type 2A: x-axis: ordinal; y-axis: percent; color by: none 
  • Type 2B: x-axis: ordinal; y-axis: percent; color by: ordinal variable 

• Grouped vertical bar chart

  • Type 1A: x-axis: nominal; y-axis: percent; group variable: nominal; color by: none 
    
  • Type 1B: x-axis: nominal; y-axis: percent; group variable: nominal; color by: group