Eeshwari Balusu

@eeshwaribalusu·2 public vizzes

Fork of AQI-city

A React application visualizes air quality index (AQI) trends over time for a selected city, filtered via a dropdown menu. The chart displays a natural curve fitted to AQI readings with labeled points, using an SVG rendering. It leverages D3 v7 utilities, including `scaleTime`, `scaleLinear`, `line` with `curveNatural`, and `timeFormat` for axes, and loads its CSV dataset directly in code.

Nov 12, 2023

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL, displaying summary statistics (file size, row count, and column count) as large text. It uses d3.csv to fetch and parse the dataset, then computes the formatted output with d3.csvFormat. The code also includes commented alternatives using the Fetch API with async/await and d3.csvParse, as well as a nested Promise-based approach. The data source is a city_day.csv file hosted on GitHub.

Nov 12, 2023