Skip to main content
SimilarExport ZIP
100%

crop_yield

✓ Published0🌍 Public
PPothuguntla Pranitha
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from barChart

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.

AI-generated description
MIT Licensed

Similar vizzes

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
90% 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
89% 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
85% match
Loading thumbnail…

Fork of barChart

This bar chart visualizes rice production across Indian states, using data from a CSV of crop statistics. It shows aggregated production totals per state, with each bar color-coded to its state, and a tooltip displaying the exact production value on hover. Built with D3 v7, the chart uses `d3.rollup` to aggregate district-level data, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.schemeCategory10` for colors. The SVG rendering includes rotated x-axis labels for readability.

Ssuchigeneralpur@gmail.com
84% match
Loading thumbnail…

barChart

This bar chart displays rice production totals for each state, aggregated from district-level crop data using `d3.rollup` and `d3.sum`. The SVG rendering uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.schemeCategory10` for per-state colors. Hovering over a bar triggers a tooltip via D3 transitions, showing the summed production in tons. Data loads asynchronously from a CSV file, with axes drawn using `d3.axisBottom` and `d3.axisLeft`.

KKondreddy Saikiran reddy
84% match
Loading thumbnail…

Fork of barChart

This visualization displays rice production across Indian states using a bar chart, where each bar represents the total production for a state with a unique color. The chart loads data from a CSV file via `d3.csv`, and uses `d3.rollup` to aggregate production values by state. Hovering over a bar reveals a tooltip showing the state name and its total production, with rounded values to two decimal places. The visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` with `d3.schemeCategory10` for bar colors, with axes labeled and rotated via `d3.axisBottom`.

Ssindhuja27b@gmail.com
83% match
Loading thumbnail…

pie chart

This pie chart visualizes rice production across Indian states, highlighting the highest and lowest producing regions in a summary below the chart. Built with D3 v7, it loads CSV data, aggregates production values per state using d3.rollup, and renders slices with d3.pie and d3.arc. The chart includes interactive tooltips that appear on mouseover, showing the exact production value for each state. An ordinal color scale assigns distinct colors to each slice within the SVG rendering.

Ssuchigeneralpur@gmail.com
80% match
Loading thumbnail…

Production of Rice-saranya

This visualization presents rice production across Indian states using a donut chart, with each segment sized proportionally to production values. The chart employs D3.js v4 to generate SVG paths via the `d3.arc` and `d3.pie` functions, while a custom legend and interactive hover tooltips reveal state names and production numbers. Data originates from a CSV file loaded asynchronously through React’s `useEffect` hook, with the top 10 records displayed. The visualization uses a color scale from `d3.schemeCategory10` and incorporates mouseover effects that adjust opacity and show contextual information.

MMalempatiSaranya
78% match