-
Notifications
You must be signed in to change notification settings - Fork 0
Home
Hello, This is ITE3068: Software Studio 2 @ cs.hanyang Wiki!
First of all, check my web site demo! The website is built with jekyll and is operated by GitHub-Pages. See README.md on front page of repository to check how to build and run.
I'm using traffic accident statistics data from Korea Public Data Portal.
There are four example using billboard.js and d3.js. Each page contain some comments, charts and some interactive buttons to change chart. At the end, it shows what technology was used with link.
Displays incident data by day of the year in 2016. The number of occurrences, deaths, and casualties are displayed in a line-chart. It's very simple and it shows only the data. Data driven by template engine in jekyll.
This page covers more complex fetures. First, after showing accident statistics by day of the week in a simple line-chart, on below display the accident statistics for each day of the week. The maximum minimum axis changes according to the size of the data. And dynamically fetches and displays data each time you press each button. It is a little more natural to import data by time difference(But billboard.js performance is not very good because there is a hurdle. This part needs to be improved in the future).
This page uses the Donut graph. The implemented features are mostly same as above page. And custom legend applied with padAngle. Also dynamic load from csv on button event.
It is awesome geometry-graph of Korea!!! Also below button display different type of accidents. The darker color means more counts of accidents and red is none-data-area. Depends on svg, using geoMercator, scaleQuantize, geoPath, ... and many features... The detail codes is very simple and easy to recognize. Grab data from web and build dynamically on button event. (But magic variable directly used. It will fixed next time.)