Skip to main content
SimilarExport ZIP
100%

Agriculture

✓ Published0🌍 Public
Aaashrithas2000@gmail.com
Last edited Apr 26, 2024
Created on Apr 25, 2024
Forked from SVG

This visualization dashboard displays pollution trends across Indian states using two complementary chart types. A line chart tracks pollutant concentrations (SO2, NO2, RSPM, SPM, PM2.5) over time for a user-selected state via an interactive dropdown menu. Four bar charts compare average pollutant levels across all states. The D3.js code (v6) uses d3.csv to load data, d3.rollups for aggregations, d3.scaleOrdinal with d3.schemeCategory10 for coloring, and d3.axisBottom/axisLeft for scales, rendering all charts as SVG elements.

AI-generated description

This illustration gies the visulisation realted to pollution in various states over the time.

Link to access the code: https://vizhub.com/Aashritha-S/0186adc9dcdd46a3bda130f142213e15

output link: https://vizhub.com/Aashritha-S/0186adc9dcdd46a3bda130f142213e15?mode=embed

MIT Licensed

Similar vizzes

Loading thumbnail…

Indian air quality

This dashboard visualizes air quality trends across Indian states from 1987 to 2015, showing concentrations of pollutants including SO2, NO2, RSPM, SPM, and PM2.5. A dropdown selector displays time-series line charts for each state, while bar charts compare average pollutant levels across all states. The visualization uses D3.js v6 with SVG rendering, employing `d3.rollups` for aggregating state averages, `d3.scaleBand`, `d3.scaleLinear`, and `d3.line` for data encoding, with color mapping via `d3.scaleOrdinal` and `d3.schemeCategory10`.

HHanuReddy
84% match
Loading thumbnail…

Hanumanth

This example presents an interactive dashboard for exploring air pollution data across Indian states. It uses D3.js (v6) with SVG rendering to display multi-line charts tracking yearly levels of pollutants like SO2, NO2, RSPM, and SPM for a selected state via a dropdown menu. It also renders bar charts using `d3.rollups` and `d3.mean` to compare average pollutant concentrations across states. The data is loaded from a CSV file using `d3.csv`.

SSiddhardha
78% match
Loading thumbnail…

Question 2

This interactive D3.js visualization displays PM2.5 air pollution levels in India, separated by year. The SVG chart animates a line and area graph of pollutant concentrations, with color-coded bands indicating air quality categories from "Good" to "Hazardous." Users select years via clickable buttons, triggering a transition that redraws the data. The tooltip reveals exact values and health status on hover, with data loaded from a CSV file hosted on GitHub Gist.

Bbhavanasruthikakarlapudi@gmail.com
75% match
Loading thumbnail…

109550187_HW7

This interactive visualization shows air pollution levels across multiple monitoring stations, displaying daily average concentrations for six pollutants (SO2, NO2, O3, CO, PM10, PM2.5) as a series of stacked horizon charts. Users select a year and band number via dropdown menus, which updates React state and triggers D3 to re-render the SVG. The code uses `d3.csv` to load air pollution data from a remote server, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.mean` to aggregate hourly measurements into daily averages. Each pollutant uses a distinct color scheme, with bands overlaid to encode magnitude.

Ppatricknicholas27@gmail.com
73% match
Loading thumbnail…

Project ANalysis

This bar chart visualizes the average pollutant value for each country from a CSV dataset of world air quality. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The data is aggregated using `d3.rollup` with `d3.mean` to compute country-level averages. Bars change color from steelblue to orange on mouseover, providing interactive feedback to the viewer.

PPreethi Medepalli-91
72% match
Loading thumbnail…

D3 viz 1

This visualization shows daily air pollution trends for four pollutants—NO2, O3, SO2, and CO—in Phoenix, Arizona, using data from January 2000. Multiple time-series lines are drawn in an SVG, with each pollutant assigned a distinct color via `d3.scaleOrdinal` and `d3.schemeCategory10`. The code uses `d3.csv` to load the dataset, `d3.timeParse` to convert dates, and `d3.line` to generate the paths. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, and a legend is placed at each line’s final data point.

Hharshabandi3060@gmail.com
72% match
Loading thumbnail…

Final Project

This example visualizes air quality patterns, comparing SO2, particle, and NO3 concentrations across 31 U.S. states from 2008 to 2018 through animated line charts. Users select a pollutant via radio buttons, triggering an animation that reveals trends over time. The visualization uses D3.js v4 with SVG rendering, featuring a custom color palette for state-specific lines. The code integrates React for structure and employs D3’s data join and transition methods to update the chart dynamically, with data embedded directly in the script.

YYi Yang
72% match
Loading thumbnail…

Project_indian_Agriculture

This example presents an interactive bar chart of Indian agricultural data, allowing users to select a state and district from dropdown menus to load corresponding crop statistics. The visualization displays area, production, and yield metrics for various crops across different years using D3.js v7 to render SVG bars. The chart includes hover highlighting and a custom tooltip, with data structured as an inline JSON array containing detailed records for each district and crop type.

Nnaveen.dodda4321@gmail.com
72% match