Skip to main content
100%

Scatterplot

✓ Published0🌍 Public
Aandrewwitherspoon
Last edited Aug 22, 2017
Created on Jul 31, 2017

This scatterplot visualizes the relationship between Twitter and Facebook engagement scores for 24 news organizations, with each point labeled by company name. The chart uses D3 v3 with SVG rendering, employing `d3.tsv` to parse the data file and `d3.scale.linear` for x- and y-position encoding. `d3.scale.ordinal` assigns categorical colors, while `d3.extent` computes the axis domains and `d3.svg.axis` displays the axes. The code applies conventional margins and overlays text labels near each dot, though the color mapping relies on a `correlation` field not present in the provided data.

AI-generated description

This scatterplot is constructed from a TSV file storing the dimensions of sepals and petals of various iris flowers. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3887118'>Scatterplot</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Interactive scatterplot

This interactive scatterplot visualizes Twitter user activity by plotting tweets based on quantitative dimensions on logarithmic x and y scales, with each point colored and sized by tweet type and a related metric. The visualization includes a custom legend with lines and circles to explain the size mapping. Built with D3.js version 3.5.5, the code uses d3.svg.axis, d3.scale.log, d3.scale.ordinal, and d3.scale.linear to construct the axes and scales, with SVG rendering for all graphical elements. The dataset is loaded from a CSV file containing tweet samples, and the graph includes a title and axis labels.

AAndresAnayaIsaza
73% 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
70% match
Loading thumbnail…

Issues Ratings

This interactive line chart visualizes Facebook page performance metrics across different post hours, with each colored line representing a specific engagement metric such as total likes, impressions, or reach. The visualization features a dual-axis layout with a main chart and a brushing context panel, allowing users to zoom into specific time ranges. Built with D3.js v3, the code uses d3.scale.linear for axes, d3.svg.line for series rendering, and d3.svg.axis for tick marks. The dataset is loaded from a CSV file containing hourly post statistics, with animated transitions and a tooltip on mouse hover.

TThanaporn-sk
70% match
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
69% 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
69% match
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
68% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This scatter plot shows the relationship between author followers and engagement for a social media misinformation dataset. It uses the D3.js v7 library to load CSV data and render an SVG visualization. The reusable `scatterPlot()` component builds the chart with `d3.scaleLinear` for axes, `d3.extent` for domains, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Circles represent individual posts, with labeled axes for author follower counts and engagement levels.

Ssaiabhishekmunnangi@gmail.com
68% match
Loading thumbnail…

Gist d06f6ae8d5891ececa24207a8849fee2

A bar chart titled "Why Are We Leaving Facebook?" visualizes categorical survey responses, with the y-axis formatted as percentages and x-axis labels wrapped onto multiple lines. The SVG rendering is built with D3 v3, using ordinal scaling with `rangeRoundBands` for bar positioning, linear scaling for values, and `d3.svg.axis` for axes. The code also applies a hover effect that changes bar color to brown, and loads tab-separated data from a `data.tsv` file.

SStephanieReilly
68% match