How tsunglinleetony/visualization-project-air-pollution-data-analysis works
This repository is a browser-based Taiwan air-pollution analysis project: users choose a monitoring station and pollutant, then explore historical daily/monthly trends, seasonal patterns, and relationships among pollutants. The parallel-coordinate view adds brushing and a linked table; a Python script prepares hourly source data for a scatter-plot matrix. The README also describes map-based station selection, but the supplied tree and excerpts do not establish its implementation. Data-flow edges below reflect documented behavior or visible calls; the scatter plot’s runtime wiring is not sampled.
Main entry points: line-chart/main.js Trend explorer · parallel-coordinate/main.js Parallel-coordinate explorer · circular-heat-map.js Circular heatmap · scatter-plot Scatter plot matrix
Components 12
Historical trends
- Trend explorer
line-chart/main.js - Station and trait options
line-chart/constants.js - Circular heatmap
line-chart/circular-heat-map.js
Pollutant comparison
- Scatter input preparation
scatter-plot/read_csv_scatter_plot_matrix.py - Scatter plot matrix
scatter-plot - Parallel-coordinate explorer
parallel-coordinate/main.js - Station and trait options
parallel-coordinate/constants.js - Parallel-coordinate renderer
parallel-coordinate/d3.parcoords.js - Brushed data table
parallel-coordinate/divgrid.js
Air-quality data
- Daily station averages
day-avg - Monthly station averages
month-avg
Other components
- Analyst
Connections 13
- Analyst → Trend explorer: selects station and pollutant
README.md - Trend explorer → Station and trait options: uses options
line-chart/main.js - Trend explorer → Daily station averages: reads daily CSV
line-chart/main.js - Trend explorer → Monthly station averages: reads monthly CSV
line-chart/main.js - Trend explorer → Circular heatmap: loads heatmap
line-chart/circular-heat-map.js - Circular heatmap → Trend explorer: requests focused period
line-chart/circular-heat-map.js - Analyst → Parallel-coordinate explorer: selects station and traits
parallel-coordinate/main.js - Parallel-coordinate explorer → Station and trait options: uses options
parallel-coordinate/main.js - Parallel-coordinate explorer → Monthly station averages: reads monthly CSV
parallel-coordinate/main.js - Parallel-coordinate explorer → Parallel-coordinate renderer: renders and brushes
parallel-coordinate/main.js - Parallel-coordinate explorer → Brushed data table: renders selected rows
parallel-coordinate/main.js - Analyst → Scatter plot matrix: explores correlations
README.md - Scatter input preparation → Scatter plot matrix: prepares matrix data