Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Small Points

✓ Published1🌍 Public
Ddjfeld01
Last edited Mar 25, 2021
Created on Mar 24, 2021

This visualization compares NCAA wrestling performance by plotting a bar chart of points alongside a scatter plot of seed rankings, filtered to show only the top nine seeds. The circular marks use opacity to reveal overlapping data points, with point size encoding the count of seeds. Built with the Vega-Lite API and D3, the code customizes axis styles and tooltips through a configuration object. Data is loaded from a remote CSV file using d3.csv, then filtered before being passed to the visualization specification. The chart renders responsively to fill the browser window.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Scatter Plot with Small Points

This visualization displays the relationship between NCAA wrestling seeds and points scored using an error bar plot, with points shown as small dots through the Vega-Lite API. The chart uses stdev-extent error bars to show the distribution of points for each seed value, with tick marks indicating the range. The code loads data from a CSV file using `d3.csv`, and renders the plot through the `vega-lite-api`, `vega-lite`, and `vega` libraries, with a custom dark theme configured for axis labels and titles. The visualization fills the entire browser window via autosizing.

Ddjfeld01
92% match
Loading thumbnail…

Fork of NCAA Women's Volleyball Visualization

A scatterplot compares NCAA Big Ten women's volleyball teams by average digs against average hitting percentage. Each team appears as a circular point filled with its logo, with team colors applied as strokes. The visualization uses D3.js v7 to load CSV data, aggregate statistics, and render SVG points with axes and interactive tooltips. On hover, a tooltip displays the team's exact averages and the circle's stroke highlights in black.

EEmily Hudson
76% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses Vega-Lite API to plot a scatterplot of college football team data, mapping four-year average recruiting points on the x-axis and average points per game on the y-axis. Circle size encodes scoring average, and tooltips reveal team names. It loads CSV data from a GitHub gist via d3.csv, configures chart appearance in a separate config object, and renders interactively with vega-tooltip. The Vega-Lite chart is built programmatically through vl.markPoint, vl.x, vl.y, and vl.r encodings, then rendered as SVG.

BBenLeathers
75% match
Loading thumbnail…

Fork of Scatter Plot with Small Points

This visualization displays a scatter plot of automobile data, mapping engine displacement on the x-axis against horsepower on the y-axis, with each point sized uniformly and colored solidly. The plot uses the auto-mpg dataset loaded via d3.csv, and each car’s name appears as a tooltip on hover. Built with the vega-lite-api library, it registers with vega and vega-lite, applying a customized configuration to remove axis domain lines and enlarge label and title fonts for readability. The chart fits the full window dimensions and uses an SVG renderer.

BBrian Olczak
74% match
Loading thumbnail…

Fork of Scatter Plot with Small Points

This visualization displays a scatter plot of automobile data, mapping engine displacement on the x-axis against horsepower on the y-axis, with each point sized uniformly and colored solidly. The plot uses the auto-mpg dataset loaded via d3.csv, and each car’s name appears as a tooltip on hover. Built with the vega-lite-api library, it registers with vega and vega-lite, applying a customized configuration to remove axis domain lines and enlarge label and title fonts for readability. The chart fits the full window dimensions and uses an SVG renderer.

BBrian Olczak
74% match
Loading thumbnail…

Fork of Scatter Plot

A scatter plot shows NHL playoff performance across teams and years, plotting each team-season as a colored circle based on goals scored against year, with team membership encoded by color. The visualization includes axes, labels, and an interactive color legend that highlights points from a selected team when hovered. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.csvParse` to load and map the dataset, while custom modules manage axes and legend rendering. Data comes from a CSV of NHL playoff records.

Sstchiang
74% match
Loading thumbnail…

Fork of Scatter Plot with Small Points

This example presents a scatter plot of automobile displacement against horsepower, with each point representing a vehicle model and tooltips revealing the car’s name on hover. The visualization is built using the Vega-Lite API, which wraps the lower-level Vega and Vega-Lite specifications, while D3’s CSV loader fetches the auto-mpg dataset from a remote gist. The plot uses small, solid points with no strokes and a fixed opacity, scaled to fit the browser window. The configuration customizes axis ticks, labels, and title colors for improved readability.

JJanani Selvaraj
74% match
Loading thumbnail…

Fork of Team Efficiency Scatter Plot

This fork of a team efficiency scatter plot uses D3 v5 to visualize the relationship between actual and optimal performance metrics for different team positions. The SVG visualization displays circular data points positioned by their x and y coordinates, with varying radii and colors representing different team members. The chart includes axis labels and tick marks styled with CSS, though the code reveals it is currently using placeholder data and D3's older linear scale API rather than the actual CSV data provided.

HHirsh Gupta
73% match