Skip to main content
SimilarExport ZIP
100%

Scatter Plot for Vegetables Price vs Weight Scatter Plot

✓ Published3🌍 Public
NNagasharan Sai Nandyala
Last edited Mar 25, 2025
Created on Mar 25, 2025

A scatter plot displays the relationship between vegetable price in USD and weight in kilograms, with each red dot representing an item from a CSV dataset loaded via `d3.csv`. The visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and an SVG container with circles positioned via `cx` and `cy` attributes. Axis labels clarify the variables, while the chart scales from zero to the maximum observed values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot for Vegetables in USA

This D3.js (v5) visualization displays the relationship between vegetable price and weight as a scatter plot, with each point colored by the first letter of the vegetable’s name. It includes axis labels, grid lines, and a tooltip on hover. The chart loads CSV data via `d3.csv` and renders with SVG, featuring interactive legend filtering by group and animated transitions through `d3.transition`. The layout is created using `d3.scaleLinear` for both axes and `d3.schemeCategory10` for color mapping.

NNita
87% match
Loading thumbnail…

scatter plot

A horizontal bar chart displays the average price per pound for various vegetables, sourced from a CSV file containing price data. The chart renders in React, using d3.scaleBand for the categorical vegetable axis and d3.scaleLinear for the continuous price axis, with bars filled in pink. The d3.axisLeft and d3.axisBottom functions generate the chart's axes, while the data is loaded and parsed asynchronously via the d3.csv function.

Sshivasai2925@gmail.com
82% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the relationship between item weight and item rate from a CSV dataset, with each point positioned by d3.scaleLinear scales and rendered as an SVG circle. The visualization includes axes with tick marks, axis labels, and a title, all styled via CSS. The code uses d3.csv, d3.extent, d3.axisLeft, d3.axisBottom, and d3.format for data loading, scaling, and formatting, while React serves as the framework hosting the D3 v5 implementation.

BBaraneedharan N M
80% match
Loading thumbnail…

Scatter Plot

This reusable scatter plot displays the relationship between calorie content and price for inventory items, with each circle positioned along the x- and y-axes according to those numeric values. Built with D3 v6, the visualization loads a CSV file and maps its fields to linear scales, using `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` to generate tick marks and labels. The SVG output renders circles with a fixed radius and steel-blue fill, while axis titles clarify the measured variables.

Rr79162810@gmail.com
79% match
Loading thumbnail…

Fork of Scatter Plot for Vegetables in USA

This example displays stock price data for a vegetable-related dataset, plotting the Open, High, Low, and Close values over time from 2019. It uses a line chart with a brush-and-zoom interaction, allowing the user to select a time range and inspect price fluctuations across all four metrics. The visualization relies on D3.js APIs such as `d3.line`, `d3.brushX`, and `d3.zoom` to render the paths and manage the interactive focus and context panels. The data is loaded from a CSV file and rendered with SVG elements.

Vvaishnavgck@gmail.com
78% match
Loading thumbnail…

Scatter Plot

This reusable scatter plot visualizes the relationship between calorie content and price for menu items, with each circle colored by category. The visualization uses D3.js v6 with an SVG rendering approach, loading data from a CSV file hosted on GitHub Gist. The code implements linear scales for both axes, an ordinal color scale using `d3.schemeCategory10`, and renders circles positioned by the x and y scales. Axis construction uses `d3.axisBottom` and `d3.axisLeft`, while the data loading relies on `d3.csv` with promise handling. The chart displays points with a radius of 5 pixels, colored according to categorical values.

Rr79162810@gmail.com
78% match
Loading thumbnail…

My Own Scatter Plot

A scatter plot displays the relationship between item weight and item rate from a CSV file, with each circle representing a data point. The SVG visualization uses d3.scaleLinear for both axes, d3.extent to set domains, and d3.axisBottom and d3.axisLeft to render ticks with grid lines. Circles are appended to a group element with fixed radius and steelblue fill, while axis labels and a title are added via d3.append. The d3.csv function loads the data and parses values as numbers for rendering.

BBaraneedharan N M
78% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between calorie content and price for menu items, with each point colored by category using a D3 ordinal color scale. The visualization uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for ticks. Data is loaded asynchronously from a GitHub gist via `d3.csv`, then mapped to SVG circles with `d3.select` and `append`. The SVG rendering includes styled axes and labeled dots within a fixed 460×400 viewport.

Vvp9156623@gmail.com
77% match