Skip to main content
SimilarExport ZIP
100%

Fork of Andhra Pradesh Wheat Crop Production

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

This fork of a D3.js pie chart visualizes wheat crop production data for ten districts in Andhra Pradesh, India. It displays each district as a colored arc segment with interactive hover effects, including a tooltip showing the district name and production value. The chart uses D3 v4 with an SVG rendering approach and React for the application structure. The code uses `d3.arc`, `d3.pie`, and `d3.scaleOrdinal` to generate the chart, while data is loaded from an external CSV file via `d3.csv` API.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Andhra Pradesh Wheat Crop Production

A donut chart displays wheat crop production across ten districts in Andhra Pradesh, with each slice sized by production value. The visualization uses D3 v4’s `d3.arc`, `d3.pie`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette, rendered as SVG. Hover interactions adjust slice opacity and show a tooltip with district name and value, while a legend is built separately. Data originates from a CSV loaded via D3’s `csv` method within a React component using hooks.

SShishiraRudrabhatla
89% match
Loading thumbnail…

Fork of ICE_7 Yearwise Crop Production in Andhra Pradesh

This example displays yearly crop production across districts in Andhra Pradesh, with each circle representing a year-district combination. The visualization encodes crop production on the y-axis, crop year on the x-axis, and district names as categorical colors, with crop names shown in tooltips. It uses the Vega-Lite API, registered with the Vega and Vega-Lite libraries, to build a scatter plot with an adjustable size. The data is loaded asynchronously from a CSV URL using d3.csv, and the visualization is rendered to SVG with a custom configuration that modifies axis tick colors and label styles. The tooltip functionality is enabled via the Vega Tooltip handler.

PPothuguntla Pranitha
78% match
Loading thumbnail…

Pie_Chart-Task9

This pie chart shows the top five crop yields in Andhra Pradesh for 2017, displaying each crop’s percentage of the total yield as labeled slices with a custom color scale. It uses D3 v5 with `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to load data from a remote ICRISAT CSV, filter by state and year, aggregate yields, and render the SVG chart with an interactive legend. The code computes percentages from summed values and positions text labels using `arc.centroid`.

SSree Yuktha Sunkara
78% match
Loading thumbnail…

Fork of ICE_7 Yearwise Crop Production in Andhra Pradesh

This visualization displays crop production across Indian states over time, with each circular mark representing a yearly data point. The x-axis encodes the crop year and the y-axis encodes production volume, while color differentiates the states and hovering reveals the specific crop type. The chart is built using the Vega-Lite API within a D3.js framework, loading data from a remote CSV file containing crop yield records. The visualization configures axis styling, tooltips, and an autosized responsive layout, rendering as an SVG through the Vega rendering engine.

PPothuguntla Pranitha
78% match
Loading thumbnail…

PieChart

This visualization uses D3.js to display an interactive pie chart of wheat production by Indian states from 1966 to 2017. The chart aggregates production data from a CSV file, using `d3.pie()` to generate slices with an inner radius of zero, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Year checkboxes filter the underlying data via `d3.rollup`, recalculating totals and redrawing the chart, while `mouseover` events show tooltips with production values. The SVG rendering includes a legend and interactive state highlighting.

KKondreddy Saikiran reddy
77% 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
74% match
Loading thumbnail…

Fork of ICE-6: Rendering Marks and Channels with React & D3

This visualization displays the population of 20 cities in Andhra Pradesh as a horizontal bar chart rendered in SVG using React and D3. The code imports specific D3 functions including `scaleBand`, `scaleLinear`, and `max` via ES modules, while also using React hooks like `useState` and `useEffect` to load data asynchronously from a CSV file fetched with `d3.csv`. The bar chart encodes city names on the y-axis and population values on the x-axis, with gridlines and axis ticks generated manually through D3 scales. A "Loading..." message appears until the dataset is fully parsed.

Bblikitha
74% 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
74% match