Skip to content
This repository has been archived by the owner on Nov 2, 2021. It is now read-only.

Hardcode colour of states with zero cases to white #71

Merged
merged 2 commits into from
Mar 25, 2020
Merged

Hardcode colour of states with zero cases to white #71

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
eda3a2a
Hardcode 0 cases to white color
shuklaayush Mar 24, 2020
f8c7f38
Remove overlap from legend
shuklaayush Mar 24, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions src/components/choropleth.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ function ChoroplethMap(props) {
const n = Math.floor(generatedLabels[i]);
return `${n}+`;
} else {
const n1 = Math.floor(generatedLabels[i]);
const n1 = 1 + Math.floor(generatedLabels[i]);
const n2 = Math.floor(generatedLabels[i+1]);
return `${n1} - ${n2}`;
}
Expand Down Expand Up @@ -119,7 +119,8 @@ function ChoroplethMap(props) {
.enter().append('path')
.attr('fill', function(d) {
const n = unemployment.get(d.properties.ST_NM.toLowerCase());
return d3.interpolateReds(d.confirmed = (n>0)*0.05 + n/statistic.maxConfirmed*maxInterpolation);
const color = (n == 0) ? '#ffffff' : d3.interpolateReds(maxInterpolation * n/statistic.maxConfirmed);
return color
})
.attr('d', path)
.attr('pointer-events', 'all')
Expand All @@ -131,7 +132,8 @@ function ChoroplethMap(props) {
.on('mouseleave', (d) => {
const n = unemployment.get(d.properties.ST_NM.toLowerCase());
const target = d3.event.target;
d3.select(target).attr('fill', d3.interpolateReds(d.confirmed = (n>0)*0.05 + n/statistic.maxConfirmed*maxInterpolation)).attr('stroke', 'None');
const color = (n == 0) ? '#ffffff' : d3.interpolateReds(maxInterpolation * n/statistic.maxConfirmed);
d3.select(target).attr('fill', color).attr('stroke', 'None');
})
.style('cursor', 'pointer')
.append('title')
Expand Down