Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Crop_Yield Data Viz

Public visualization

Viewing a saved revision (read-only)

6f8a15909e9e4dabbc50b325383ce0aa

Crop_Yield Data Viz

0 stars0🌍 Public
PPothuguntla Pranitha
Last edited Apr 27, 2024
Created on Apr 26, 2024
Forked from Crop_Yield Data

This example displays annual rainfall for each crop year across all Indian states, plotting each crop as a data point with its year on the x-axis and rainfall on the y-axis. The visualization uses the Vega-Lite API (via `vl.markCircle`) to create a scatter plot, with states differentiated by color and crop names available through tooltips. Data is loaded asynchronously from a remote CSV file using D3's `csv` function, while the chart is rendered through the Vega-Lite library registered with Vega, and appearance is customized via a config file that adjusts axis ticks and label styling.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.