Project_indian_Agriculture

100%

Project_indian_Agriculture

✓ Published0🌍 Public

Last edited Apr 26, 2024

Created on Apr 26, 2024

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.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

https://vizhub.com/drbagwell/cfc6aaba08b54a598475e867bcc8fa21

MIT Licensed

Similar vizzes

Loading thumbnail…

Project dataviz

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.

Cchinnivikramnunna@gmail.com

82% 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

78% 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

78% 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

78% match

Loading thumbnail…

Project_Population

This example displays state-level population data for India in 2021 through an interactive line chart. Users select a state from a dropdown menu and load its corresponding visualization, which renders population figures using D3.js v7 in an SVG container. The chart includes a tooltip that appears on hover, styled with CSS transitions to show detailed population metrics. The data is embedded directly in the JavaScript as JSON objects containing comprehensive demographic information for each district.

Nnaveen.dodda4321@gmail.com

77% match

Loading thumbnail…

How does the crop production vary across different districts within a specific state over multiple years?

This interactive line chart explores crop production trends across Indian districts and states over time. Users select a crop and state from dropdown menus, which updates the visualization to display aggregated yearly production data. The chart uses D3.js scales, axes, and line generators, along with transitions for smooth axis updates. The data comes from a CSV file containing crop production records.

Aanushapodapati99@gmail.com

77% 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

77% match

Loading thumbnail…

Agriculture_Project_D3

A bar chart displays tourist visitor counts across U.S. states for 2019, 2020, and 2021, using data sourced from the ICRISAT District Level dataset via a CSV URL. The visualization, built with D3.js v7 and rendered as SVG, uses `d3.scaleBand` for the x-axis (states) and `d3.scaleLinear` for the y-axis (visitors), with axes stripped of domain lines for a cleaner look. Rectangles are joined via `d3.join` and positioned by year, though the code appears to bind rice production values to the bar heights rather than tourist counts, and includes axis labels and a title. Styling comes from an external CSS file, while the layout uses a fixed 800x500 canvas with margins.

Nnaveen.dodda4321@gmail.com

76% match