Bar Chart Example

A simple example to map an array of numbers to a set of bars, with height proportional to the values.

Adapted from the example in AlignedLeft.com

Outline

  1. Create SVG container
  2. Join data with rect elements
  3. Adjust layout and positions
  4. Colors and Labels
  5. Improve code and graphics with g

Visualization

Dataset


Visual Analytics Course - 2015-2016