Scatter Plot

100%

✓ Published0🌍 Public

Last edited Mar 19, 2017

Created on Mar 19, 2017

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.

AI-generated description

Scatter plot of data from reddit.com/r/all

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

scatter plot

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.

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

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

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

74% match

Loading thumbnail…

Interactive scatterplot

This interactive scatterplot visualizes Twitter user activity by plotting tweets based on quantitative dimensions on logarithmic x and y scales, with each point colored and sized by tweet type and a related metric. The visualization includes a custom legend with lines and circles to explain the size mapping. Built with D3.js version 3.5.5, the code uses d3.svg.axis, d3.scale.log, d3.scale.ordinal, and d3.scale.linear to construct the axes and scales, with SVG rendering for all graphical elements. The dataset is loaded from a CSV file containing tweet samples, and the graph includes a title and axis labels.

AAndresAnayaIsaza

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

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

70% match

Loading thumbnail…

scatter

This example presents an animated scatterplot comparing two datasets loaded from separate JavaScript files. Green and red circles represent positive and negative y-values, transitioning between the datasets every three seconds. Built with D3 v4, the visualization uses `d3.scaleLinear` for axes and `d3.transition` to animate circle positions and radii. An SVG line marks the zero baseline, with axis updates handled by `d3.axisTop` and `d3.axisLeft`.

EEranM6

70% match