Skip to main content
SimilarExport ZIP
100%

Reusable Scatter Plot

✓ Published3🌍 Public
Vvaishnavgck@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

A reusable scatter plot displays wine samples by fixed acidity on the x-axis and residual sugar on the y-axis, using data parsed from a local CSV file. The chart is rendered on an HTML canvas element via the Chart.js library, with PapaParse handling CSV ingestion and dynamic typing. A single dataset of points, styled with brown fill and red borders, supports responsive resizing and includes axis titles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Reusable Scatter Plot

This scatter plot displays the relationship between fixed acidity and volatile acidity in wine samples, with each point's position determined by these two variables. Residual sugar levels are also parsed from the CSV data and could be used as point labels. The visualization uses Chart.js and PapaParse to load and parse the `useData.csv` file, which contains wine chemical properties, and renders the scatter plot on an HTML5 canvas. Despite the borderColor being transparent, a thick borderWidth is set, though it doesn't visibly affect the points.

Vvemuri.vaishnavi27@gmail.com
91% match
Loading thumbnail…

Fork of Fork of Reusable Scatter Plot

This interactive scatter plot visualizes the relationship between fixed acidity and volatile acidity in wine samples, with each point representing a data entry from a provided CSV file. The visualization, rendered on an HTML5 Canvas using the Chart.js library, initially fetches JSON data from a GitHub Gist URL but includes code for parsing CSV data with PapaParse as an alternative data source. The chart displays each sample as a blue point on axes labeled for the two acidity measurements, facilitating quick comparison of wine characteristics across the dataset.

Bbhargavinalamothu@gmail.com
87% match
Loading thumbnail…

q1

This reusable scatter plot displays the relationship between fixed acidity and residual sugar in wine samples, with each point representing a wine quality rating. The visualization uses Chart.js to render the scatter plot on an HTML canvas element, while PapaParse handles loading and parsing the local CSV file (useData.csv). The chart maps fixed acidity to the x-axis and residual sugar to the y-axis, with points colored in brown and labeled by quality score from the dataset.

Vvaishnavgck@gmail.com
87% match
Loading thumbnail…

6-Scatter Plot

This example visualizes the relationship between fixed acidity and volatile acidity in wine samples, with each point’s label derived from residual sugar values. The visualization is built using Chart.js, which renders a scatter plot onto an HTML Canvas element. The code loads a CSV file via Papa Parse, dynamically typing the columns, then maps the parsed data to x and y coordinates for the chart. The plot uses a linear scale for both axes, with axis titles displayed, and applies a custom background color to the data points.

GGorantla Vishnusai
86% match
Loading thumbnail…

Reusable Scatter plot with Wine Quality Data

This reusable scatter plot visualizes wine quality data from a CSV file, mapping pH on the x-axis and alcohol content on the y-axis, with point color indicating quality ratings. Built with D3 v6, the example demonstrates loading D3 via UNPKG and using local ES6 modules. The `scatterPlot.js` module defines a reusable chart function with configurable width, height, margins, and radius, using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes. The main script appends SVG circles, legends, and styled axis labels directly.

VVenkat-Sumith-Thota
82% match
Loading thumbnail…

Fork of Fork of Reusable Scatter Plot

This scatter plot visualizes the relationship between fixed acidity and volatile acidity in wine samples. The D3.js v6 code loads CSV data and renders circles on an SVG canvas using `d3.scaleLinear` for axes and `d3.extent` to determine the domain. The x-axis uses `d3.axisBottom` and the y-axis `d3.axisLeft`, with points colored steelblue.

Bbhargavinalamothu@gmail.com
81% match
Loading thumbnail…

Fork of Reusable Scatter Plot

This example presents an interactive scatter plot that visualizes the relationship between various chemical properties and quality ratings in a wine dataset. The chart cycles through different x-axis variables—alcohol content, pH, residual sugar, and volatile acidity—every three seconds, with points colored according to wine quality on a gradient scale. Built using d3.v6, the visualization employs a reusable `scatterPlot()` module with chainable setters for configuration. It renders SVG elements with animated axis transitions, grid lines, and a legend showing the quality color mapping.

Bbassansackey@gmail.com
81% match
Loading thumbnail…

ICE7 - Reusable Scatter Plot

This example presents a reusable scatter plot that animates through four different x-axis variables (pH, volatile acidity, chlorides, and fixed acidity) from a wine dataset, while the y-axis remains fixed on acidity. The visualization maps wine types (red and white) to distinct colors and shapes, with an animated legend updating every two seconds. Built with D3 v6, it uses a custom `scatterPlot` API that implements the `scaleLinear`, `axisLeft`, and `axisBottom` functions for scalable chart construction. Data is loaded via `d3.csv` from a remote URL, and all rendering occurs in SVG with continuous animation.

SSatyaVineeth
81% match