Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Bbassansackey@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from HTML Starter

This scatter plot displays the relationship between two continuous variables across a dataset of wine quality metrics, plotting each sample as a circle. Built with D3 v7, the visualization uses `d3.scaleLinear` to map data values to pixel coordinates and `d3.axisBottom` and `d3.axisLeft` to render labeled axes. The SVG output includes interactive-friendly features like configurable margins, point radius, and opacity, with a chainable API for setting the x and y accessor functions and axis labels.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of Fork of WINE

This example visualizes the coefficients of a wine quality regression model, showing how each chemical attribute contributes to the target variable. Using D3 v4 loaded via UNPKG, it renders an animated SVG scatterplot where circles represent attributes plotted against their coefficients on a scale from -1 to 1. The code uses `d3.scaleBand` and `d3.scaleLinear` for axes, with `d3.csv` loading data from a local file. Interactive tooltips appear on mouseover, displaying the coefficient value, while each point is styled with a purple fill and white stroke.

LLouisa Penrice
83% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot 11719939

This scatter plot visualizes the relationship between sulphates and quality in a wine dataset. It shows individual data points as small steel-blue circles, with the distribution revealing potential correlations between the two variables. The visualization is built using D3 v7, creating an SVG chart with linear scales for both axes and a simple data loading pipeline. The code uses `d3.csv()` to fetch the WineQT dataset from a GitHub Gist, then applies padding to the scale domains and renders axes with `d3.axisBottom` and `d3.axisLeft`.

AArram Anila
83% match
Loading thumbnail…

Fork of Circles with D3

This example maps the Wine Quality dataset, plotting pH against alcohol content for individual wine samples. It uses D3's `csv` loader to fetch the data, `scaleLinear` to map the data domain to the screen, and `axisLeft`/`axisBottom` to render labeled axes. The visualization is an SVG scatter plot where each circle represents a wine, with axis labels for pH and Alcohol added via SVG text elements.

RRohithNaiduDevareddy@my.unt.edu
82% match
Loading thumbnail…

Fork of Activity6_Q

This scatter plot visualizes the red wine quality dataset, showing the relationship between fixed acidity and alcohol content. Each circle represents a wine sample, colored by its quality rating using a categorical color scale. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the data, scale the values, and render the SVG axes and circles. The plot is responsive to the window size, with axis labels for both variables.

Llingaladineshteja23@gmail.com
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
82% match
Loading thumbnail…

Fork of Fork of WINE

This bar chart displays the coefficients of wine attributes, such as alcohol, sulphates, and volatile acidity, against a fixed scale from -1 to 1. The visualization uses D3.js v6, with data loaded via `d3.csv()` to parse the CSV file. The chart is rendered as an SVG, using `d3.scaleBand()` for the categorical x-axis and `d3.scaleLinear()` for the continuous y-axis. Each attribute is plotted as a point, showing its coefficient value in a simple, direct representation of the dataset's coefficients.

LLouisa Penrice
81% match
Loading thumbnail…

Fork of HTML Starter

This visualization shows a scatter plot of fruit dataset attributes, with each point colored by fruit type (apple, orange, banana, grape) and positioned by width on the x-axis and height on the y-axis. The code uses D3.js v6 functions including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` to load data from a GitHub gist. It renders SVG circles with a radius of 5 pixels and includes custom axis labels for "Width" and "Height" in green, with a red title heading. The plot fills the browser window using dynamic width and height values.

Ssahithya.voleti@gmail.com
81% match