Skip to main content
SimilarExport ZIP
100%

Plot of freecodecamp facebook posts reach vs. reaction

✓ Published0🌍 Public
CCurran Kelleher
Last edited Sep 23, 2019
Created on Sep 23, 2019

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.

AI-generated description

This variant of the original work by @Bizmundo shows how log scales can be used to get a better spread of the data (as well as tooltips).

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 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.

BBizmundo
95% 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
70% 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
70% 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
70% 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
68% match
Loading thumbnail…

Scatterplot Matrix with brush and tooltip v4

This scatterplot matrix displays relationships between multiple numeric Facebook page metrics, such as lifetime post reach, impressions, and engagement counts. The visualization uses D3 v4 to render an SVG grid of plots, with brush interaction allowing users to select points across several dimensions simultaneously. A custom tooltip built with D3 helper functions and Underscore.js shows detailed values for each data point on mouseover. The data comes from a provided CSV file.

JJustinGOSSES
67% 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
67% 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
67% match