Skip to main content
SimilarExport ZIP
100%

ICE_7 Yearwise Crop Production in Andhra Pradesh

✓ Published2🌍 Public
SShishiraRudrabhatla
Last edited Jul 3, 2022
Created on Jul 3, 2022

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.

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
90% 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
88% 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
80% match
Loading thumbnail…

ICE7_AreaChart_CropProduction_Manisha

This area chart visualizes crop production (in million tonnes) across countries, sorted from highest to lowest producers. The visualization combines a smooth blue area fill with a line overlay and labeled dots to highlight individual data points. Built with D3.js v7, it uses `d3.area`, `d3.line`, and `d3.curveMonotoneX` to generate the shapes, while `d3.scaleLinear` and `d3.scaleBand` handle the axes. Data is loaded from a CSV file via `d3.csv`, with grid lines and rotated country labels for readability.

Kkonudulamanisha@gmail.com
74% match
Loading thumbnail…

Bonus ICE - 3D Bar chart

This 3D bar chart displays crop production sales across eight districts of Telangana, with each crop category (such as Banana, Rice, and Sugarcane) shown along the x-axis, production values in acres on the y-axis, and district names on the z-axis. The visualization uses Highcharts with its 3D module to render the extruded columns, integrating jQuery for chart initialization. The data is hardcoded in arrays, and the chart includes configured 3D perspective angles, depth, and centered margins to enhance the spatial layout. The chart’s title and axis labels are styled in blue, with a red caption crediting the author.

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

ICE7_LineChart_CropProduction_Manisha

This line chart displays crop production by country, with countries sorted in descending order of total production in million tonnes. The visualization uses a monotone curve to connect data points, with each point represented by a colored dot that reveals exact production values on hover. The chart is rendered as an SVG using D3 v7, employing `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` with `d3.curveMonotoneX`. Data is loaded asynchronously from a CSV file using `d3.csv` with `d3.autoType`.

Kkonudulamanisha@gmail.com
70% match