This repository has been archived by the owner. It is now read-only.
Switch branches/tags
Nothing to show
Find file History
Fetching latest commit鈥
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
data.tsv
index.css
index.html
index.js
readme.md

readme.md

BarChart

Simple barchart featuring a budget animation along with fresh data.

Background

I Copied a simple barchart and explained te JS. I did some fancy CSS work and a few adjustments to the pre-existing JS for that extra wow factor.

Data

For the data I used TSV, this means the data values a seperated by tabs. The labels and values were chosen by the mighty gods of random values.

  • letter 鈥 Each letter in the alphabet
  • frequency 鈥 Number describing how frequent the corresponding letter occurs in the English language

Features

  • d3-arrayd3.max 鈥 Array statistics
  • d3-axisd3.axisBottom and d3.axisLeft 鈥 Reference marks for scales
  • d3-requestd3.csv 鈥 Loading files
  • d3-scaled3.scaleBand and d3.scaleLinear 鈥 Position encodings
  • d3-selectiond3.select 鈥 Select elements

Licences

All rights to Mike Bostock