December 2015. Creating data visualizations of labor issues in Saudi Arabia.
Original shapefiles for Saudi's provinces were found at DIVA-GIS. They were then converted to GeoJSON using the command-line tool, ogr2ogr
:
ogr2ogr -f GeoJSON saudi.json raw/SAU_adm1.shp
To compress this file, TopoJSON was used, where NAME_1
was assumed to be the province names:
topojson -o saudi_comp.json --id-property NAME_1 saudi.json
- ColorHexa - Help with picking colors
- ColorBrewer - Help with picking map colors
- DIVA-GIS
- Mike Bostock - Let's Make a Map
- Mike Bostock - Pie chart
- Mike Bostock - Pie multiples
- Mike Bostock - Pie chart update II
- Mike Bostock - Thinking with joins
- Stack Overflow - "update angles of multiple pie on map in d3.js"
- mapsam.com - D3 Background Hash Patterns
- Pandas documentation - Merging, appending, concatenating, joining
git
.Get map up.GPS coords for province capitals.Workforce population.Total population (Saudi, non-Saudi) data.Input.csv
for dynamic bar chart.Linking the map tod3.filter
/d3.update
of the dynamic bar chart.
Default: Keep region highlighted and bar chart label.Hover: Change bar chart and labels?Click: Keep region highlighted and bar chart label.
- Better way to toggle between graphs?
- Update spellings, according to last Slack updates.
Kill overlapping circles; pie charts (varyr
) instead.Fix pie charts:
How do I move each pie chart over each capital?transform, translate()
- but is it upside-down?Arc lengths?Reorganize data?
Turn off province highlighting when not in#byRegion
.Pie chart: colors?Pie chart: Tooltips over each slice?Industry viz: start that function.- Explanatory captions.
- Bar chart: axes, legend.
- For each chart: highlight the pies/bars where Saudi > expat and expat > Saudi. (Small circle button? Caption/subtitle?)
- Fix
xAxis
. Bold/highlight the "by..." user selection.Why does update only work the first time, but not subsequent times?By region: Fix mouseout classes.Stack charts.Industry viz: Dropdown menu for all industries.Industry viz: Update via dropdown.Industry viz: First chart. Default to Construction?By region: Fix mouseout title.- By region:
click
fixes the region. - By region: Mouseover captions.
Merge lat/lon data intoCheck that the pandas merge worked!industries.csv
.By industry: Mouseover captions.Tooltips: Fix percentage calcs.- Legend with Saudi/expat colors.