reddit base

100%

✓ Published0🌍 Public

Last edited Jul 26, 2015

Created on Jul 26, 2015

This example displays the top posts from the Reddit "pics" subreddit, fetched from a JSON source, as a row of uniformly sized circles. The visualization uses d3.select to target the SVG canvas and appends a group element to contain the circles. Through d3's selectAll and data binding, each post is mapped to a circle positioned horizontally based on its index, creating a simple, static scatterplot-like strip that encodes the sequence of popular images without revealing their individual scores or details.

AI-generated description

Similar vizzes

Loading thumbnail…

reddit base

This example plots Reddit posts from the `pics.json` data feed as circles, with the y-coordinate of each circle determined by the post's score. The visualization uses the D3.js library to select the SVG canvas, append a new group element, and bind the data to circles whose positions are calculated from the data index and score values. The implementation relies on the `d3.select`, `svg.append`, `selectAll`, and `enter().append` APIs to create the simple scatter plot.

LLesGuessing

93% match

Loading thumbnail…

reddit base

This example visualizes a subset of Reddit’s /r/pics front-page data, showing each post as a point whose position and size can be explored dynamically. The code loads a static JSON file containing post metadata (score, title, thumbnail) and uses D3.js to bind that data to SVG elements. While the main script only logs the data array to the console, the accompanying configuration suggests the visualization is intended to render circles or similar marks, likely using D3’s data join and scales. The simple histogram variant hints at plotting numerical fields like scores or comment counts.

LLesGuessing

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

78% match

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

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

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

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

71% match

Loading thumbnail…

Pseudo Scatter Plot

This example presents a pseudo scatter plot, using a set of six circles arranged to suggest a data distribution rather than plotting actual data points. Each circle is rendered as a static SVG `<circle>` element with fixed coordinates and a radius of 34.5, positioned on a white 960×500 canvas. The visualization relies purely on raw SVG markup inside an `index.html` file, with no JavaScript libraries or dynamic data processing involved. The sparse, hand-coded placement of circles creates a simple, minimalist view of a hypothetical scatter pattern.

YYangxi Liu

67% match