Skip to main content
SimilarExport ZIP
100%

Plot of freecodecamp facebook posts reach vs. reaction

✓ Published2🌍 Public
BBizmundo
Last edited Sep 21, 2019
Created on Sep 16, 2019

This example plots freeCodeCamp Facebook post reach against reactions as a circular scatterplot, revealing a positive correlation between the two engagement metrics. The chart is built with Vega-Lite, registered through the vega-lite-api, and uses d3.csv to load the activity data from a GitHub-hosted CSV file. Each data point represents an individual post, with the x-axis showing reaction counts and the y-axis showing reach, both scaled with zero disabled to focus on the data clusters. The visualization applies custom axis styling from a config object to improve readability, with larger fonts and a dark color scheme.

AI-generated description

This chart is a visualization of the freecodecamp facebook post data. The data used to plot this chart can be found on github.

MIT Licensed

Similar vizzes

Loading thumbnail…

Plot of freecodecamp facebook posts reach vs. reaction

This scatterplot visualizes FreeCodeCamp Facebook posts, plotting reactions against reach on logarithmic scales to improve data spread and readability. Tooltips reveal post titles on hover. The visualization is built using Vega-Lite API, with Vega and D3.js handling rendering, and Vega-Tooltip for interactive hover details. Data is fetched from a GitHub-hosted CSV file, and appearance is customized through a shared config object for axis styling and label sizes.

CCurran Kelleher
95% match
Loading thumbnail…

Viz T13

This example presents social media post performance, plotting comments against dates while encoding network and likes through color and size. A second chart shows average likes over time, colored by sentiment, using the Vega-Lite API with the d3.csv loader to fetch the PostPerformance dataset. The visualization applies custom axis and label styling from a config object, with line marks for trends and point marks for individual posts, rendered as SVG.

SSebastian Rojas
69% match
Loading thumbnail…

Viz T13

This example visualizes social media post performance with an interactive scatterplot of likes versus date, colored and sized by engagements. A linked brush below the chart filters the main view by date range. It is built with Vega-Lite API and D3 v5, loading CSV data from a GitHub gist. The visualization uses interval selection, tooltips, and configurable axis styling for readability.

SSebans31
68% 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
68% match
Loading thumbnail…

Viz T13 (postperformance)

This example uses the Vega-Lite API with D3 to visualize social media engagement data from a CSV file, showing the relationship between posting dates and sentiment. The first chart plots circles for individual posts, encoding date on the x-axis, network on the y-axis, sentiment by color, and likes by circle size. A second chart displays lines tracking average likes over time, grouped by sentiment. The code demonstrates loading data via D3’s `csv` function and rendering charts with Vega-Lite’s markPoint and markLine encodings, using vega-tooltip for interactivity.

HHiImSebastian
68% match
Loading thumbnail…

Fork of HTML Starter

This example visualizes social media post data from a CSV file, plotting points by date and number of comments, with color encoding by network and size by likes. A second chart is defined to show average likes over time colored by sentiment, though it is not rendered. The visualization uses Vega-Lite's JavaScript API and D3 for data loading, with the VEGA and VEGA-LITE libraries registered for rendering to SVG. The chart includes tooltips and custom axis styling for improved readability.

SSebastian Rojas
66% match
Loading thumbnail…

Fork of Viz T13

A fork of a Vega-Lite visualization example, this chart displays social media post performance over time, filtering data by network (Twitter, Facebook, Instagram) and allowing interactive brushing of the date axis to explore the relationship between likes and engagement metrics. The main view uses colored bars to encode the `activity` field, while a secondary bar chart serves as a brush selector for the time range. Built with the vega-lite-api and D3.js (d3.v5), it loads CSV data from a GitHub gist, applies a custom color scale for `activity`, and includes tooltips for additional metrics like duration and engagements.

SSebastian Rojas
65% match
Loading thumbnail…

IMDB-Rating vs Facebook-Likes

This scatter plot shows how IMDB ratings of movies relate to their Facebook likes. The chart is interactive—users can zoom in to inspect data points more closely. It is rendered with D3 v4 using SVG, with axes and labels for IMDB Rating (x-axis, ranging from 0 to 10) and Facebook Likes in thousands (y-axis, up to 350). The data originates from the TMDB 5000 Movie Dataset and each circle links to the corresponding IMDb page. The visualization is responsive, resizing with the window while maintaining a 16:9 aspect ratio. The color scheme uses yellow for IMDB ratings and blue for Facebook likes, matching the axis label colors. The chart is implemented in a single HTML file using D3 v4 and jQuery, with zoom capabilities enabled. The image appears to be an older version from the block's repository.

BBruceHenry
65% match