bundle.js
index.html
README.md
index.js
Dropdown.js
new fileforkset heightexportdelete
Massachussetts Top 10 Crime City filter works
wenleicao

A program that shows the top 10 most crime city in massachusetts

I am able to add menu to exist column chart, also use react dropdown to optimize appearance. When select menu, the value can show correct. The only issue which has not been resolved is to pass the value of menu selection to filter the dataset, so the bar chart changed per user's selection

I have tried my best to adjust the chart. there are a few things I cannot figure out still.

  1. adjst the Y axis, so that 0.0% line line with bottom of column. column value appear correct though. wrap my head, not sure why
  2. tilt the text label so they don't overlap
  3. I was able to refactor useData.js, but not other module. There is a tick() is not a function error I don't have solution.

Data: Masschusetts Crime dataset for 2016.

All code in VizHub is released under the MIT License.