Ordinal Scatter Plot

100%

Ordinal Scatter Plot

✓ Published0🌍 Public

Last edited Oct 7, 2019

Created on Oct 7, 2019

This ordinal scatter plot visualizes the relationship between sneaker shoe size and sale price for Yeezy and Off-White brands, using data from a custom CSV file. The chart displays individual data points as semi-transparent circles, with shoe size on the x-axis and sale price on the y-axis, allowing viewers to see price variations across different sizes. Built with D3 v5, the visualization uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and SVG circle elements for rendering. The code loads data via `csv()` and parses numeric fields before rendering.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays the relationship between horsepower and weight for a dataset of cars, using a red semitransparent circle for each vehicle. The visualization uses D3 v5’s `select`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the chart, with axes and labels styled via CSS. Data is loaded from a remote CSV file using `csv`, and each column is parsed into numeric values before rendering. The plot includes a title and handles axis tick removal, providing a clean view of how these two attributes correlate.

Yylzami40

68% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

68% match

Loading thumbnail…

pp Scatter Plot

This animated scatter plot visualizes the relationship between sales volume and either price or another numeric attribute for phone data, toggling the x-axis variable every two seconds. Built with D3 v7, it uses `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. The `setInterval` function re-binds the data, updating circle positions via `attr('cx')`. Data loads asynchronously from a CSV via `d3.csv`, rendered as an SVG with steelblue circles.

Ssaisathyapriya097@gmail.com

67% match

Loading thumbnail…

Reusable scatter plot

This scatter plot visualizes Walmart sales data, showing the relationship between item price and total sales. The visualization reveals how sales figures correlate with product pricing across different items. The code uses D3 v5's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to map the data from a CSV file to SVG circles, with each circle representing a data point. The chart includes labeled axes for Total Sales and Item Price, along with a descriptive title. The responsive design fills the browser window, and the styling incorporates custom fonts and tick sizes for improved readability.

Ssaiyogesh9911@gmail.com

67% match

Loading thumbnail…

2012 NBA Combine Scatter

This interactive scatter plot visualizes physical attributes and career performance metrics of NBA players from the 2012 combine. Users select any X and Y attribute from dropdown menus, while the circle color encodes player position. Hovering a data point reveals its exact value; hovering the color legend highlights only players of that position. The visualization uses D3’s `scaleLinear` and `scaleOrdinal` for axes and color, React for state and rendering, and SVG for marks, with data processed from a CSV via `d3.csv`.

AAnthony Ynami

67% match

Loading thumbnail…

Fork of ScatterPlot

This scatter plot visualizes the relationship between sale price and number of ratings for iPhone products, using a dataset loaded via `d3.csv`. It shows individual data points as circles, with axes labeled for both variables. The code employs D3 v7’s `d3.scaleLinear` for positioning, `d3.axisBottom` and `d3.axisLeft` for axes, and appends circles with `g.selectAll('.dot')`. Styling uses CSS for axis text and hover effects, while the fill color is conditionally applied based on product name.

Mmukundakrishna.r@gmail.com

67% match

Loading thumbnail…

Scatter Plot

A simple scatter plot displays categorical labels on the vertical axis and numeric values on the horizontal axis, with circles sized at 18 pixels. The data comes from a CSV file, and the chart uses `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, with a tick format converting large numbers to abbreviated units. Axes are rendered via `d3.axisLeft` and `d3.axisBottom`, and the visualization is built using SVG elements selected through `d3.select`. The chart includes a title and axis labels styled via CSS.

CChocoOrange

66% 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

66% match