reddit scores

100%

✓ Published0🌍 Public

Last edited Feb 17, 2017

Created on Feb 17, 2017

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.

AI-generated description

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

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

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

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

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

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

66% match

Loading thumbnail…

Gist bb8fddc4a5fc3cc60c99

A line chart maps a small array of ten numbers to an SVG path, showing how the values fluctuate across a linear sequence. The visualization uses a red, unbroken polyline to emphasize the shape of the data, with the y-axis scaled from the data’s minimum to maximum and the x-axis evenly spaced by index. The code creates the chart using d3.scale.linear for both axes and d3.svg.line to generate the path, which is appended to an SVG container via d3.select and datum. The fixed width and height of 500 pixels define the plotting area, while the stroke and fill styles come from a CSS class.

CCaged

65% match

Loading thumbnail…

Reddit Scam Score (top 20 coins)

This bar chart ranks the top 20 cryptocurrencies by their Reddit "scam score," with each bar’s height representing the ratio from the `scam.csv` dataset. It shows which coins are perceived as higher-risk based on Reddit discussion, from FUN at the top to ZEC at the bottom. The code uses d3.v4’s `scaleBand` and `scaleLinear` to map symbols and ratios, then renders SVG rectangles via `selectAll` and `enter().append`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while data loads asynchronously through `d3.csv`.

WWill Carter

65% match