Skip to main content
SimilarExport ZIP
100%

Fork of Fork of WINE

✓ Published1🌍 Public
LLouisa Penrice
Last edited May 1, 2024
Created on Apr 30, 2024

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.

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.
MIT Licensed

Similar vizzes

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

Fork of Fork of Making a Bar Chart

This horizontal bar chart visualizes the correlation between red wine quality and eleven chemical attributes, using data from a CSV file. It renders SVG rectangles with a purple fill, scaling bar lengths to correlation coefficients via `d3.scaleLinear` and arranging attributes on a band scale with `d3.scaleBand`. Custom axes are drawn with `d3.axisBottom` and `d3.axisLeft`, including a titled axis label and a chart title. The code loads data asynchronously with `d3.csv` and applies D3 v5 selection methods to build the visualization.

LLouisa Penrice
87% match
Loading thumbnail…

Fork of Activity 6

This scatter plot visualizes the Wine dataset, mapping color intensity on the x-axis and alcohol content on the y-axis. It displays 178 data points as steel-blue circles within an SVG canvas. Built with D3 v6, the code uses `csv` to load remote data, `scaleLinear` for both axes, and the `axisLeft` and `axisBottom` functions to render tick marks and labels. The plot’s scales are computed from the data’s extent, and axis titles appear in green text.

Nnumitha
84% 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 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 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.

Bbassansackey@gmail.com
81% 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
81% 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
81% match