Skip to main content
SimilarExport ZIP
100%

Fork of ICE_7 Yearwise Crop Production in Andhra Pradesh

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

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.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

ICE_7 Yearwise Crop Production in Andhra Pradesh

This visualization displays year-wise crop production across districts in Andhra Pradesh, with each circle representing a crop year and colored by district. The data originates from the UCI Machine Learning Repository via a CSV file loaded using d3.csv. The visualization is built with vega-lite-api, encoding crop year on the x-axis, production on the y-axis, district as color, and crop type as tooltip. The rendering uses vega-lite and vega with SVG output, configured with custom axis styling and font sizes for improved readability.

SShishiraRudrabhatla
88% match
Loading thumbnail…

Fork of ICE 7 Area chart Crop production

This area chart visualizes crop production across years using a green filled region. The visualization is rendered with the Vega-Lite API, built on Vega and D3.js, and pulls data from a CSV file containing crop yield records. Tooltips display the cultivation area for each data point, and the chart is configured with custom styling for axis guides and labels.

PPothuguntla Pranitha
84% match
Loading thumbnail…

ICE 7 Area chart Crop production

This area chart visualizes crop production across different years, with the x-axis encoding the crop year and the y-axis encoding production quantity. The chart uses a solid dark green fill for the area, and hovering over the visualization displays a tooltip showing the associated area name for that crop. The code leverages the vega-lite-api to construct the chart, with data loaded asynchronously from a CSV file via d3.csv. The visualization is customized through a separate config object, and the chart automatically fits the full window size.

SShishiraRudrabhatla
79% match
Loading thumbnail…

Fork of ICE_7 Cars horsepower and miles per gallon(mpg)

This visualization displays the relationship between crop year and production, with district names available through tooltips. The scatter plot uses circle marks with encoded x and y positional fields from the data. Built with vega-lite-api, the code registers vega and vega-lite, applies a custom configuration for axis styling and label colors, and fetches data from a CSV using d3.csv. The visualization renders to SVG, with autosizing based on window dimensions and tooltip functionality provided through vega-tooltip.

SShishiraRudrabhatla
78% 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
78% match
Loading thumbnail…

Crop_Yield Data

This example visualizes year-wise crop production across Indian states using a scatter plot. Each circle represents a data point, with the x-axis showing the crop year, the y-axis showing production quantity, and color encoding the state using a category20 color scheme. Hovering reveals the crop name via a tooltip. The code leverages the Vega-Lite API, registering both Vega and Vega-Lite with a custom tooltip handler, and loads data from a remote CSV file using d3.csv. The visualization auto-fits its dimensions to the window size.

PPothuguntla Pranitha
77% match
Loading thumbnail…

Fork of Crop_Yield Data

This example visualizes annual crop production across Indian states from a CSV dataset, using a line chart to show yield trends over time. The viz.js file employs the Vega-Lite API to map Crop_Year to the x-axis, Production to the y-axis, and State to color, with a tooltip displaying the crop name. The chart is rendered by the Vega-Lite API, which is registered with VEGA and a tooltip handler. The data is loaded via D3’s `csv` function from a GitHub repository, and the appearance is customized through the `config.js` file, adjusting axis colors and fonts.

BBhanu Siva Kumar Kommana
77% match