Milano Air Quality

This dashboard displays the air quality in the city of Milano, Italy.

All measurements come from the Open Data Portal of the city of Milan, with minor fixes to the measurement units of policyclic aromatic compounds, reported at concentrations 1000 times higher than the expected range, and of carbon monoxide, reported at concentrations 1000 smaller than the expected range.

Besides displaying raw measurements of air pollutants concentration, this dashboards displays percentages of EU target limits, as documented here. I chose to use the tightest limits reported.

viewof start = Inputs.date({label: "Start date →",
                            value: d3.min(allDates),
                            min: d3.min(allDates),
                            max: d3.max(allDates)})

viewof end = Inputs.date({label: "End date →",
                            value: d3.max(allDates),
                            min: start,
                            max: d3.max(allDates)})

allScaledFiltered = allScaled.filter((i) => {
    return (i.date >= start & i.date <= end) 
})

tableDays(allScaledFiltered)

heatmap(allScaledFiltered, {
  xName: 'date',
  yName: 'inquinante',
  fillName: 'scaled',
  xType: d3.scaleTime,
  fillPalette: tokyo_rev,
  fillDomain: [0, 1, max_over_limits],
  fillRange: [0, 0.5, 1],
  xLabel: "Days →",
  width,
  targetLimit: 1,
  height: height,
  columnsRatio: 8/12,
})

scatter_params = {
  let scatter_params = {
    x: d => d.date*24*60*60*1000,
    y: d => d.valore,
    fill: d => d.valore,
    xSmooth: d => d.date*24*60*60*1000,
    yLow95: d => d.low_95,
    yHigh95: d => d.high_95,
    start: start,
    end: end,
    fillRange: [0, 0.5, 1], 
    fillDomain: [0, 1, max_over_limits],
    fillPalette: tokyo_rev,
    width: width,
    height: height,
    columnsRatio: 8/12,
  }
  return scatter_params
}

Scatterplot(air_q_list.C6H6, scatter_params)

Scatterplot(air_q_list.CO, scatter_params)

Scatterplot(air_q_list.NO2, scatter_params)

Scatterplot(air_q_list.O3, scatter_params)

Scatterplot(air_q_list.PM10, scatter_params)

Scatterplot(air_q_list.PM25, scatter_params)

Scatterplot(air_q_list.SO2, scatter_params)

This dashboard was made and is maintained by Otho Mantegazza, feel free to contact me for any question or suggestion. You can find the source code on Github.