Skip to main content
SimilarExport ZIP
100%

Fork of What is the relationship between the area under cultivation for major crops and the production output in various districts?

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

This scatter plot explores the relationship between rice cultivation area and production output across districts, using a dataset loaded via `d3.csv`. Each circle represents a district, with its position determined by `d3.scaleLinear` scales mapping area on the x-axis and production on the y-axis, while the axes are rendered with `d3.axisBottom` and `d3.axisLeft`. The SVG rendering approach presents raw data points without hover interactions or color encoding, keeping the visualization straightforward for comparing agricultural metrics.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative
MIT Licensed

Similar vizzes

Loading thumbnail…

What is the relationship between the area under cultivation for major crops and the production output in various districts?

This scatter plot visualizes the relationship between rice cultivation area and production output across various districts, with each circle representing a district. The plot reveals a positive correlation between the two variables, suggesting that larger cultivation areas tend to produce higher yields. The visualization is built using D3.js, specifically employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG `circle` elements for data points. Data is sourced from a CSV file containing district-level agricultural statistics.

Aanushapodapati99@gmail.com
89% match
Loading thumbnail…

scatterplot

This scatterplot visualizes the relationship between annual rainfall and rice crop production in India from 1966 to 2017, with each point representing a year. The code aggregates two CSV datasets using `d3.rollups` and maps the merged data to an SVG circle chart with `d3.scaleLinear` axes, `d3.axisBottom`, and `d3.axisLeft`. Interactive tooltips are implemented with D3 mouse events, revealing year, production, and rainfall details on hover. The chart animates point transitions and is built with D3 v7, rendering SVG elements.

KKondreddy Saikiran reddy
75% match
Loading thumbnail…

Fork of Tree Graph

This interactive tree graph visualizes crop production data from ICRISAT, showing a hierarchy of states, districts, and four crops (Rice, Wheat, Kharif Sorghum, and Rabi Sorghum) with their production values in 1000 tons. The visualization uses D3.js v7 to render an SVG-based tree layout, with paths representing links and circles for nodes. Data is loaded from a remote text file and processed using `d3.csvParse` and `d3.hierarchy`, while custom logic aggregates production values for duplicate districts. The graph includes manually defined additional links to expand the tree structure beyond the initial data.

Ppmbhupathibalu@gmail.com
74% match
Loading thumbnail…

sample

This example visualizes Indian agricultural data from a GitHub-hosted CSV, showing the relationship between cultivated area and rice production through a red dot scatter plot. It also includes a second view with a steel-blue bar chart displaying rice production across years using a band scale. The code uses D3 v6 APIs including `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, `d3.axisLeft`, and `d3.max` to map data values to SVG positions.

YYeshwanth963@gmail.com
73% match
Loading thumbnail…

Fork of making Scatter plottes

This visualization shows the relationship between years and planted area, with each data point plotted as a steelblue circle. The y-axis scales the area values linearly, while the x-axis uses a point scale for years. Built with D3 v5, the code renders SVG circles, customizes axis ticks and grid lines, and includes axis labels for clarity. Data is loaded from a CSV file using `d3.csv`.

SSteve_Nashon
73% match
Loading thumbnail…

Fork of Fork of making Scatter plottes

This fork of a scatter plot example visualizes harvested crop area per year from a small CSV dataset, drawing a smooth area chart rather than discrete points. The D3 v5 code sorts the data chronologically, then uses `scaleLinear` and `scaleTime` to map area and year values to SVG coordinates. It renders the area with `area()` and `curveBasis`, while grid lines and axis labels are generated via `axisLeft`, `axisRight`, and `axisBottom`. The SVG canvas is 960 by 500 pixels, with the area filled steelblue and black stroke, and the chart includes a title and axis labels.

SSteve_Nashon
73% match
Loading thumbnail…

Fork of area chart

This fork of an area chart visualizes annual car production data loaded from a CSV file, showing production values over time as a single lightgreen filled polygon. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.csv` to fetch data, `d3.area` to generate the path, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. The x-scale maps years linearly, while the y-scale starts at zero, with axes labeled "Year" and "Production".

Rreddysushma994@gmail.com
73% match
Loading thumbnail…

Fork of Andhra Pradesh Wheat Crop Production

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.

PPothuguntla Pranitha
73% match