Tweet Times with LOESS Curve

100%

Tweet Times with LOESS Curve

✓ Published0🌍 Public

Last edited Dec 2, 2015

Created on Dec 2, 2015

This graph visualizes the rate of tweets from Eric Fischer’s Twitter feed over a one-year period, with the observed data shown as individual points and a smoothed LOESS curve overlaid to reveal underlying temporal patterns. The x-axis represents time of day (UTC, shifted by 7 hours), while the y-axis shows tweets per hour. The visualization uses a scatterplot of dots for raw rates, a black LOESS trend line to highlight daily periodicity, and gridlines with tick labels for readability. The chart is rendered using D3.js with SVG, and the LOESS curve is computed using science.js.

AI-generated description

This graph plots the observed rate of tweets for Eric Fischer’s Twitter feed over the period from January 8, 2015 through November 30, 2015 with a LOESS curve fitted to the data using science.js.

Forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/d8bcc4b130df420d6c40'>Time of Day</a>

Draws from the example Loess with science.js for adding the LOESS curve.

Part of a discussion on d3-shape: Moving averages, line smoothing, etc. #43.

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1984895&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

Similar vizzes

Loading thumbnail…

Time of Day

This visualization plots Eric Fischer’s tweet rate per hour over eight months, collapsing all days onto a single 24-hour cycle. It uses a UTC time scale with a seven-hour offset to approximate Pacific Time, and each dot represents one minute’s average tweets per hour. The code relies on d3.v3’s `d3.time.scale.utc`, `d3.svg.axis`, and `d3.svg.symbol` to render the SVG scatterplot. Data is loaded from a CSV, with raw counts normalized by 327 days and converted to an hourly rate.

Mmbostock

75% match

Loading thumbnail…

LOESS

This example demonstrates the LOESS (locally weighted regression) smoothing technique on noisy sinusoidal data. The visualization displays 100 randomly generated data points, each represented by a small circle, with a smooth black trend line overlaid to show the underlying pattern. The data is simulated, with x values evenly spaced from 0 to 1 and y values following a sine wave with added random noise. LOESS regression is applied using the science.js library with a bandwidth of 0.2, producing a smooth curve that captures the data’s trend. The chart includes axes, uses an SVG rendering, and is built with D3.js v3 and science.js.

CCurran Kelleher

67% match

Loading thumbnail…

the number of the tweets per day

This visualization shows the number of tweets per day over time, plotted as a line chart with circular markers for each data point. The chart uses a time-scaled x-axis and linear y-axis, with gridlines and axis labels for clarity. The data is loaded from a local CSV file and rendered as SVG using D3 v4. The code employs `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with monotone curve smoothing, plus `d3.axisBottom` and `d3.axisLeft` for axes. A responsive update function redraws the chart on window resize.

Mmorjyooo

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

66% match

Loading thumbnail…

Fork of the number of the tweets per day

This line chart shows the number of tweets per day from December 2019 to January 2021, with each point marked by a circle and connected by a monotone curve. The visualization uses D3 v4 with an SVG rendering, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` with `d3.curveMonotoneY` for the path. Data is loaded from a CSV file, and the chart updates responsively on window resize.

RRichard Tomassetti

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

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

65% match

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

63% match