scatter plot

100%

✓ Published0🌍 Public

Last edited Mar 19, 2017

Created on Mar 18, 2017

A scatter plot displays the relationship between Reddit post scores and comment counts, with each point representing a post from a sports subreddit listing. The x-axis maps comment numbers via a linear scale, while the y-axis shows score values in reverse order. D3’s `d3.scale.linear`, `d3.svg.axis`, and circle elements render the data, with hover tooltips via appended `title` elements. The visualization uses the tributary framework and loads data from `data.json` containing Reddit’s JSON API structure.

AI-generated description

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes live activity from Reddit’s r/all feed, plotting posts along two quantitative axes to reveal patterns in upvote scores and engagement. Each circle encodes a post, with its position determined by score metrics and its size reflecting comment counts or other magnitude. The visualization, built with D3 v4 and rendered as SVG, uses a simple scatterplot layout to highlight outliers and clusters within the data. The chart includes axis labels and a lightweight grid to aid in reading values, while the data is pulled directly from a JSON representation of the Reddit API response.

CCoreyBurkhart

85% match

Loading thumbnail…

reddit scores

This example plots Reddit post scores as a line graph, sorting posts by score and mapping score values to vertical positions on a y-axis. The visualization uses d3.select, d3.scale.linear, and d3.svg.axis to build the chart, with each post represented as a circle point. Hovering a circle logs the post’s author to the console. The data comes from a Reddit API response stored in data.json, containing posts from subreddits like politics and gifs. The chart includes a white line path connecting all points, with the y-axis labeled up to 80,000.

CCoreyBurkhart

84% match

Loading thumbnail…

playing with reddit data agian

This animation visualizes Reddit post data, mapping posts from r/dataisbeautiful and r/EarthPorn as floating circular elements. Each circle represents a post, with size encoding the post's score and position tied to subreddit groupings. The visualization uses a continuous animation loop with cloned, fading instances of the circles drifting across the screen, set to a linear easing over 3 seconds. The rendering emphasizes the relative popularity of individual posts while also giving a sense of the overall activity and distribution across different subreddits.

CCoreyBurkhart

72% match

Loading thumbnail…

Baseball Scatter Plot Showing Hits and Homeruns

A scatter plot visualizes the relationship between hits and home runs for baseball players, with each dot colored by league affiliation: red for the American League and blue for the National League. The plot uses D3's `csv` loader to fetch data from a GitHub gist, `scaleLinear` for the axes, `extent` to set domains, and SVG circles with opacity for rendering. Axis labels are added via `axisLeft` and `axisBottom`, with custom text annotations for "Hits" and "Homeruns".

RRobert Johnson

70% match

Loading thumbnail…

Bar Chart

A bar chart visualizes the frequency of Reddit post domains from a single page of r/all, sourced from a local data.json file. It displays the count of occurrences for each domain, such as i.imgur.com, using vertical bars that change color on hover. The visualization uses d3.v4's scaleBand for the x-axis, scaleLinear for the y-axis, and axisBottom/axisLeft to render axes. Data is processed with JSON.parse and a custom reduce function, with SVG rectangles positioned via margin and barScale calculations.

CCoreyBurkhart

70% match

Loading thumbnail…

Fork of Video Game Critic Ratings

This scatterplot compares critic and user scores for popular video games, plotting one point per title to reveal trends and outliers in the relationship between professional and audience ratings. The visualization loads CSV data from a GitHub gist, filters it to include only games with valid positive scores, and renders the first 1,000 points as semi-transparent circles using D3 v5’s `scaleLinear` and `axisBottom`/`axisLeft` for axes. Interactive tooltips appear on hover, displaying each game’s name and both scores via D3 event handlers, while the SVG output uses custom styling from external CSS.

EEmma Schaale

70% match

Loading thumbnail…

Baseball Scatterplot Matrix II

This example shows a scatterplot matrix of 1986 baseball statistics, plotting pairs of traits like hits, home runs, and RBIs to reveal correlations. A slider controls the fill opacity of the SVG circles, allowing users to adjust point visibility. Built with D3 v4, it uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleCategory20` for color encoding by position. Data comes from the R package Visualizing Categorical Data.

深深度碎片

69% match

Loading thumbnail…

Scatter Plot

A scatter plot displays individual data points positioned by two numeric variables, with each point rendered as a small circle. The visualization uses D3.js v6 and is built with a simple SVG container. The code applies the `d3.scaleLinear` function to map x- and y-values to pixel coordinates, then appends `circle` elements to the chart area. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded from an external CSV file using `d3.csv`, and the plot updates dynamically once the data is parsed.

JJames Huang

69% match