Skip to main content
SimilarExport ZIP
100%

Interactive scatterplot

✓ Published0🌍 Public
AAndresAnayaIsaza
Last edited Feb 4, 2017
Created on Feb 4, 2017

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.

AI-generated description

Using a sample of tweets, this scatter plot is an exploratoin for how to visualize various dimensions. The graph was built as part of a workshop for CU Boulder students.

forked from <a href='http://bl.ocks.org/blehman/'>blehman</a>'s block: <a href='http://bl.ocks.org/blehman/1f53e85c3a708f6a216c'>Interactive scatterplot</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Tweets scatter

This scatter plot visualizes tweets from a CSV dataset, mapping the number of characters against the number of words in each tweet’s text. Each point is colored by the inferred gender of the tweet’s author, and hovering enlarges a point and displays the full tweet content in a tooltip. Clicking a legend entry filters the view by dimming points of other genders. The visualization is built with D3.js, using `d3.dsv` to parse the semicolon-delimited data, `d3.scale.linear` for axes, and SVG circles for the dots. Interactive transitions are handled through D3’s `.transition()` API.

EErwanBlain
75% match
Loading thumbnail…

Scatter Plot Using Different Data Set

A scatter plot displays tweets per minute across the hours of the day, using time on the x-axis and tweet count on the y-axis. The visualization loads CSV data from a GitHub repository and renders points as SVG circles. D3 v7 APIs such as `scaleTime`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` handle scaling and axes, while `selectAll` and `join` bind data to circles. Tick labels are formatted with `timeFormat` to show hour periods like “AM” and “PM.”

KKhurram Shafique
74% match
Loading thumbnail…

Fork of Scatter Plot Using Different Data Set

This scatter plot visualizes the number of tweets per minute throughout a day, using time of day on the x-axis and tweet count on the y-axis. The SVG circles are drawn from CSV data loaded via `d3.csv` from a remote GitHub repository. The code uses `d3.scaleTime` and `d3.scaleLinear` to map the data to screen coordinates, with axes generated by `axisLeft` and `axisBottom`, and time labels formatted with `d3.timeFormat`. The visualization fills the entire browser window based on `window.innerWidth` and `window.innerHeight`.

Nnandugali
74% match
Loading thumbnail…

Scatter Plot - Interactive Color Legend

A scatter plot without axes shows the relationship between total followers and total stream time for streamers, colored by language (English, Portuguese, Spanish, Korean). Hovering a color legend item highlights the corresponding streamer points and dims others. The visualization uses D3 v7 with `scaleLog`, `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` to render circles and an interactive legend, loading data from a CSV file.

IIshaChid76
73% match
Loading thumbnail…

Fork of Fork of Scatter Plot Using Different Data Set

This scatter plot visualizes the number of tweets per minute over a day, using time of day on the x-axis and tweet count on the y-axis. The D3 v7 code loads CSV data from a GitHub-hosted file, parses the time strings into JavaScript Date objects, and renders each data point as a small circle in an SVG. It uses d3.scaleTime and d3.scaleLinear for the axes, with d3.axisLeft and d3.axisBottom adding labeled tick marks formatted as hour periods (e.g., "01 PM").

Nnandugali
73% match
Loading thumbnail…

Scatter Plot Using Different Data Set

This scatter plot visualizes the relationship between time of day (GMT) and the number of tweets per minute, using data from a CSV file loaded with `d3.csv`. The code maps time to the x-axis via `scaleTime` and tweet counts to the y-axis with `scaleLinear`, rendering each data point as an SVG circle. Axes are added using `axisLeft` and `axisBottom`, with time formatted as hours using `timeFormat`. The chart fills the browser window, with a fixed radius of 2 pixels for all points.

PParker-D5
72% match
Loading thumbnail…

2018: Smiley Face

This example visualizes a timeline of tweets as a scatterplot, where each tweet’s vertical position reflects its impact (number of favorites) and its horizontal position reflects the time it was posted. Circle size and color also encode impact, using a linear scale for both radius and a color range from white to purple. The visualization uses D3 v5 to load the tweet data, map time with `d3.scaleTime`, and map impact with `d3.scaleLinear`. It renders circles and text labels as SVG elements, then filters out tweets with zero impact by removing their corresponding nodes.

YYasara Peiris
72% 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
72% match