Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatter Plot with Small Points

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

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.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Small Points

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.

Ddjfeld01
92% 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
77% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example uses the Vega-Lite API to render an interactive scatter plot of college football data sourced from a CSV file. Each circle plots a coordinator’s average recruiting points against their average points per game, with circle size encoding opponent points allowed and color distinguishing coordinators. The visualization reads data via d3.csv, configures axes and tooltips through vega-lite-api, and renders with a custom dark theme. Hover tooltips reveal the coordinator name using Vega Tooltip.

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

Fork of Fork of Fitness Data Scatter Plot

This scatter plot visualizes the relationship between students’ math and science marks, with each green circle representing a student’s scores on the two axes. The data is loaded from a CSV file via `d3.csv`, and the plot is rendered in SVG using `d3.select`, `d3.scaleLinear`, `d3.extent`, and the `axisLeft` and `axisBottom` components from D3 v6. The chart includes labeled axes, a title, and uses a simple point-radius of 6 pixels. The visualization sizes itself to the full browser window.

Ssowmyakancharla01@gmail.com
73% match