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
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
data.csv
index.css
index.html
index.js
preview.png
readme.md

readme.md

My Daily Activities

This Chart shows how many Hours I spend on my daily Activities.

preview

Background

I made the Chart with csv database, d3.js framework, HTML and CSS. The first step was choosing a default Chart. I made my own csv database, and changed some lines in the .js. I put in some comments to make it easier to understand the lines.

Next thing was the Styling. I gave it some colours of which I think go nice together. I put in a hover styling for the bars to give it a nice feeling and I lined out everything in the middle.

Data

The data I used in my csv document is:

gedaan hoelang
Eten 1
School 4
Gamen 2
Werken 5
Reizen 2
Sporten 2
School 8

Features

I featured the d3 scaling and select to generate a SVG. To get the data out my csv I used the d3.csv.

License

MIT License

Based on https://bl.ocks.org/mbostock/3885304 by Mike Bostock