reddit base

100%

✓ Published0🌍 Public

Last edited Jul 27, 2015

Created on Jul 27, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

reddit base

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.

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

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

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

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

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

68% match

Loading thumbnail…

Gist 6f46e33cf77d3c5298d440be532e3440

This example visualizes a chess subreddit’s weekly activity as a force-directed network, showing how posts and comments cluster around topics. The code uses D3’s `forceSimulation` for layout, with node positions updated via `tick` handlers. It renders the graph using SVG paths and applies color and size scales to represent post scores and comment counts. Data comes from the Reddit API, filtered by the `subreddit=chess` and `period=week` environment variables. The visualization also includes a play/pause button to freeze the simulation, and tooltips display metadata on hover. The underlying gist relies on Node.js and the `dotenv` library to load API credentials, while the frontend uses plain D3 for canvas-based interaction.

CConorAspell

67% match