This is a data visualization project based on D3.js, which easily converts historical ranking data to dynamic bar chart.
This project aims to help video creators without programming experience produce ranking animation videos.
Open dist/bargraph.html in any browser and click choose file button. Choose your .csv formated data source then you can see the visualzied result.
You can load data source in .csv format. See format requirement below:
| name | type | value | date |
|---|---|---|---|
| Name1 | Type1 | Value1 | Date1 |
| Name2 | Type2 | Value2 | Date2 |
Names will be displayed as categorical labels on Y-axis. Name-Type together will be displayed as annotations on bars.
Types are associated with bar colors. Please use type names with no whitespaces or any special characters other than English letters and Chinese characters.
Values are associated with bar length. They have to be interger or float values.
Dates should be in YYYY-MM-DD format.
You can customize this project by editing parameters in dist/config.js with any text editor. Please check dist/config.js comments for parameter details.