Vega chart #1:
For the two plots, we use the dataset here.
Using HTML tags like below:
<vegachart schema-url="/assets/json/cars.json" style="width: 100%"></vegachart>
Write up
A description of what you are visualizing
The left one is to explore the relationship between congress district and county in Illinois. We can know how many congress dictrict areas are located in each county and for each section we could know the number of buildings. And the right one is to show the number of building in each county.
What design choices you made?
I used those encoding types quantitative-Q(a continuous real-valued quantity), ordinal-O(a discrete ordered quantity), nominal-N(a discrete unordered category). And I didn’t use a color scheme in this plot.
Discussion of data transformations
I found there are duplicate rows in this csv file so I used pandas to remove those duplicates. Then I found the remaining has more than 5000 rows, therefore I disabled MaxRowsError for altair.
Quotations around any parts of Homework #9
The histogram is exactly the same plot with previous assignment but all in altair style. I just basiclly convert the javascipt liked code into altair(you can clearly compare the original js code with altair code).
Interactivity you chose for this plot
I seperate the number of buildings by its county and congress district in the left plot. By selection certain area, it will interactively show total number of building in each county in the right plot without the consideration of its congress district.