Skip to main content
SimilarExport ZIP
100%

Project dataviz

✓ Published1🌍 Public
Cchinnivikramnunna@gmail.com
Last edited Apr 19, 2024
Created on Apr 19, 2024
Forked from Hello VizHub

This interactive visualization displays district-level rice cultivation data for various Indian states. Users select a state and district from two dropdown menus, which dynamically filter a dataset from the ICRISAT-District Level Data CSV file hosted on GitHub. The resulting chart plots the cultivated area in hectares over time, using D3's scaleTime and scaleLinear functions for the x and y axes. The SVG visualization updates its line chart each time a new district is selected, with data loaded via d3.csv.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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
82% match
Loading thumbnail…

ICRISAT District Level Data - Rice Production BarChart

This bar chart visualizes total rice production across Indian states using ICRISAT district-level data. The chart aggregates production values per state via `d3.rollup` and renders them as colored bars with a custom purple-grey ordinal scale. Interactive tooltips appear on mouseover, displaying the state name and total production. The visualization loads D3 v7 from UNPKG, uses SVG for rendering, and includes rotated axis labels for readability, with data fetched via `d3.csv`.

PPothuguntla Pranitha
79% match
Loading thumbnail…

Fork of ICRISAT District Level Data - Rice Production BarChart

This bar chart visualizes the total rice production across Indian states using ICRISAT district-level data, aggregated with d3.rollup and d3.sum. It renders an SVG with d3.scaleBand and d3.scaleLinear, applying a custom purple-grey ordinal color scale per state. Interactive tooltips display rounded production totals on mouseover, while axes and labels are generated via d3.axisBottom and d3.axisLeft. The chart uses d3.v7 and includes hover transitions for user engagement.

Wwanghaili628@gmail.com
77% match
Loading thumbnail…

Fork of ICRISAT District Level Data - Rice Production BarChart

This bar chart visualizes total rice production across Indian states using data from the ICRISAT District Level Dataset. Each bar represents a state, with height encoding production volume and a custom purple-grey color scale distinguishing states. Hovering over a bar triggers a D3 tooltip showing the state name and cumulative production value. The visualization uses d3.csv for asynchronous data loading, d3.rollup for aggregation, and d3.scaleBand and d3.scaleLinear for axes and positioning, with SVG rendering and event-driven transitions.

PPothuguntla Pranitha
76% match
Loading thumbnail…

crop_yield

This bar chart shows total rice production for each state in India, using data from the ICRISAT District Level dataset. The visualization aggregates district-level production figures by state, displaying the sums as color-coded bars that reveal regional yield differences. Built with D3 v7, the chart uses `d3.rollup` for aggregation, `d3.scaleBand` and `d3.scaleLinear` for axes, and a `d3.scaleOrdinal` color scheme. Interactive tooltips display each state’s total production on hover, rendered as an HTML overlay with opacity transitions.

PPothuguntla Pranitha
75% match
Loading thumbnail…

Barchart

This bar chart displays rice production across Indian states, with tooltips revealing the corresponding rice area for each state. The visualization is built with D3.v7 and rendered as SVG, using a band scale for the categorical x-axis and a linear scale for the production values. The chart includes rotated x-axis labels and mouseover interactions that present additional data. It loads data from a CSV file hosted on GitHub and highlights the use of d3.csv, d3.select, d3.scaleBand, d3.scaleLinear, and d3.axisBottom.

SSree Yuktha Sunkara
75% match
Loading thumbnail…

Barchart2

This interactive bar chart visualizes rice production across Indian states from 1966 to 2017, allowing users to filter the data by year using checkboxes. The chart aggregates production values with `d3.rollup` and renders SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`, with hover tooltips highlighting individual states. It loads data from a CSV file via `d3.csv` and updates the visualization dynamically in response to checkbox selections.

KKondreddy Saikiran reddy
75% match
Loading thumbnail…

ViewCircles

ViewCircles visualizes state-wise rice production in India as an interactive bar chart. The chart sums district-level data from a CSV file using `d3.rollup` and `d3.sum`, mapping states to bar heights with `d3.scaleBand` and `d3.scaleLinear`. Hovering over a bar triggers a tooltip showing the total production for that state. The SVG rendering uses `d3.axisBottom` and `d3.axisLeft`, with a `d3.schemeCategory10` color scale and mouse event handlers for interactivity.

KKondreddy Saikiran reddy
75% match