This is a assessment i needed to acquire dirty data and make an interactive chart out of the data. What is dirty data? well it's data that is incomplete or has missing values. Which is hard to use out of the box. This assessment is about cleaning the data and using it in a creative way.
This assessment is to work on the interaction of a chart that uses dirty data. The dirty data you can aquire of recommended links, I used the dirtiest data i could find from the Central Bureau of Statistics. Eductaion; Goverment spending to education with indication of CBS/OESO.
-
I refactored the code of liufly of his .v3 barchart without license.. From v3 to v4.
-
I used the sorted code from barchart by Mike Bostock. To rework it a little bit for the barchart.
-
I started out to clean the data so that it is readable and usable data used from: from the Central Bureau of Statistics. Eductaion; Goverment spending to education with indication of CBS/OESO.
-
Then i made the data fit i used the data from 2010 - 2015 to delete the data that i didn't need. I already refactored the v3 to v4 and made variables dynamic so i could just paste it and fix the little parts.
-
When the sorting worked i created a
update()
function for every click on the button you change the bar with it's values that goes for color, values en and axis. -
After that mostly styled my bars in Javascript. And the background and well everything else in CSS
d3.axisBottom() , d3.axisLeft() and d3.axisRight()
d3.scaleOrdinal()
d3.extent()
d3.scaleLinear()
d3.enter()
d3.csvParseRows()
d3.text()
d3.exit()
Check the work of:
I used @liufly .v3 barchart without license. and refactored it to v4 and added interactivity.
For the animation bit of my code i used the sort barchart by Mike Bostock GPLv3.
GPLv3 Vincent Kempers 👨🏽💻