Fork of Simple Bar Chart

100%

Fork of Simple Bar Chart

✓ Published0🌍 Public

Last edited Apr 24, 2024

Created on Apr 24, 2024

A D3.js line chart displays rice production for Durg district in Chhattisgarh from 1966 to 1969, filtered from the on-disk `indian_agriculture_dataset.csv`. The SVG visualization uses `d3.scaleLinear` for both axes and `d3.line` to generate a steelblue path, with `d3.axisBottom` and `d3.axisLeft` providing ticks. A single labeled view shows the trend over four years, with explicit axis titles for year and production in thousand tons.

AI-generated description

MIT Licensed

Similar vizzes

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…

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…

Fork of Simple Bar Chart

This fork presents three D3.js v7 bar chart visualizations positioned side by side, comparing agricultural and economic data. It shows relationships between crop production, input costs, inflation rates, and profits through merged datasets. The code uses `d3.csv` to load data, `scaleBand` and `scaleLinear` for axes, plus `d3.axisBottom` and `d3.axisLeft` to render the chart framework. Bars are colored steelblue and turn orange on hover, with SVG rendering handling the display.

CCowan Kanga Wekesa

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

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

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…

Fork of Responsive Bar Chart

This fork of a D3.js v6 bar chart visualizes the relationship between COVID-19 confirmed cases and agriculture yield in Uttarakhand over time. It uses a dual-axis line chart with red and blue paths, and includes a legend. The code loads CSV data from a GitHub repository, parses dates with d3.timeParse, and renders the visualization as an SVG. The chart relies on d3.scaleTime and d3.scaleLinear for axes, and d3.axisBottom, d3.axisLeft, and d3.axisRight for tick marks, with a responsive layout defined by margin and size variables.

Vvjc5505@gmail.com

74% match