Fork of Fork of Fork of line chart

100%

Fork of Fork of Fork of line chart

✓ Published0🌍 Public

Last edited Oct 27, 2025

Created on Oct 27, 2025

This line chart shows average engagement per year from a social media misinformation dataset, revealing trends in user interaction over time. The D3.js visualization computes yearly averages from the CSV data using `d3.rollup` and `d3.mean`, then renders a smooth monotone curve with `d3.line` and `curveMonotoneX`. Points are added as circles, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The SVG rendering highlights the temporal pattern without showing individual data points.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of line chart

A line chart shows average engagement over time, with yearly mean values computed from a CSV dataset using d3.rollup and d3.mean. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, with a d3.line generator applying curveMonotoneX for smoothing. Data points appear as circles, and the y-axis measures average engagement while the x-axis displays years. The chart is built with D3 v7, drawn in an SVG container, and styled with a blue stroke and filled dots.

Ssaiabhishekmunnangi@gmail.com

90% match

Loading thumbnail…

Fork of Fork of line chart

This line chart shows the trend of average engagement over time, with each date aggregated from the dataset and displayed as a smooth, monotone curve. The visualization uses D3.js v7 to parse CSV data, group entries by date, and compute the mean engagement value per day. The chart renders as an SVG with a time-scaled x-axis and a linear y-axis, featuring a seagreen path and circular markers at each aggregated point. The code relies on `d3.csv`, `d3.rollup`, `d3.scaleTime`, `d3.line` with `curveMonotoneX`, and axis generators.

Ssaiabhishekmunnangi@gmail.com

88% match

Loading thumbnail…

Fork of line chart

This fork of a line chart displays the average engagement metric over time, with each point representing the mean engagement for posts on a given date. The visualization aggregates data from a CSV file containing social media post information. Using D3 v7, the chart renders an SVG line with a monotone curve, individual data point markers, and formatted axes. It leverages D3's `scaleTime`, `scaleLinear`, `rollup` for grouping, and `line` generator, with time-based parsing and formatting for the date axis.

Ssaiabhishekmunnangi@gmail.com

87% match

Loading thumbnail…

Fork of Fork of Fork of D3 Starter

This example visualizes the average engagement of social media posts per year, drawing on a CSV dataset that includes author, follower count, engagement, platform, and post date. A monotone X-curved line chart displays the trend, with the y-axis scaled to a maximum value 10% above the data’s peak. Built with D3 v7, the code uses `d3.csv`, `d3.rollup`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft`, rendering to an SVG with styled margins and a red stroke line.

Yyazneshpara2@gmail.com

85% match

Loading thumbnail…

Fork of area chart

This chart shows the cumulative engagement of a social media dataset over time, using an area chart to visualize the growing total as a filled region. The visualization is rendered as SVG using D3 v7, with the x-axis representing dates and the y-axis showing the cumulative sum of engagement values. The code loads data from a CSV file, aggregates engagement by day using `d3.rollup` and `d3.sum`, then computes the running total. The area path is drawn with `d3.area` and a monotone curve, styled with a light blue fill and steel blue stroke, alongside axes labeled "Date" and "Cumulative Engagement".

Ssaiabhishekmunnangi@gmail.com

78% match

Loading thumbnail…

Fork of Line_chart_facebook_users

This line chart visualizes the average number of likes per account across years, based on a TikTok dataset loaded from a GitHub gist. The code defines the chart margins and scales, plotting the year on the x-axis and average likes on the y-axis. It uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to construct the visualization within an SVG. The chart is rendered with a blue polyline and styled axis labels, with the data's numeric values converted from strings for accurate plotting.

Ffouzanuddin

77% match

Loading thumbnail…

Fork of Fork of Line_strok

This line chart displays the average life expectancy over time, with the x-axis representing years and the y-axis showing the average life value. The data originates from a CSV file hosted on GitHub. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a `line` generator with a `curveBasis` smoothing function to render the blue stroked path on an SVG canvas. Grid lines are created via tick sizes, while axis labels and a title are added as text elements.

Cchandanagandla

77% match

Loading thumbnail…

Fork of Line_chart_facebook_users

This line chart displays Facebook’s annual user counts from 2008 to 2017, with a purple title, bold green tick labels, and a thick blue line. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator to map year and user data. It loads CSV data from a GitHub gist via `d3.csv`, parses the values, and renders to an SVG with custom margins and axis labels.

SSushmareddy-gudipally

76% match