NYC Air Quality Data Viz

This creative coding project utilizes HTML5, CSS, and JavaScript with JSON and live API integration. I fetched real-time air quality data from New York City’s Open Data platform (opendata.cityofnewyork.us) using an API token, and organized the information into three categories: community districts, boroughs, and the citywide. To visualize the data, I used a variable font in combination with JavaScript to control the size of circle-based elements. The design highlights higher ozone (O₃) levels by increasing the size of the circles representing numerical values, making them appear more prominent than the static background dots. This visual approach symbolizes the presence of more noticeable impurities in the air as ozone levels rise.