Fork of Fork of Fork of D3 Starter

100%

Fork of Fork of Fork of D3 Starter

✓ Published1🌍 Public

Last edited Oct 28, 2025

Created on Oct 28, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Starter

The visualization is a scatter plot that shows the relationship between an author's number of followers and their post engagement, using data from the `social_media_activity.csv` file. Each point represents an author, with the x-axis mapping follower counts and the y-axis mapping engagement levels. The chart is rendered as an SVG using D3 v7, with data loaded via `d3.csv` and scales created with `d3.scaleLinear`. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, and the points are styled with a fixed radius, fill color, and opacity.

Yyazneshpara2@gmail.com

87% match

Loading thumbnail…

Fork of Fork of Fork of line chart

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.

Ssravya7136@gmail.com

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

85% match

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

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

84% match

Loading thumbnail…

Fork of Fork of D3 Starter

This example shows the distribution of social media posts across platforms with a pie chart, displaying the number of posts per platform. The visualization computes platform counts from a CSV file using `d3.rollup`, then renders slices with `d3.pie` and `d3.arc`, filling each segment with a color from `d3.scaleOrdinal` and `d3.schemeTableau10`. Platform labels are positioned at each slice’s centroid. The SVG is created with D3 v7, and the chart includes a bold title, with a white stroke separating the slices.

Yyazneshpara2@gmail.com

82% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a connected scatterplot showing how a numeric value changes over time, with a time-scaled X axis and linear Y axis. The visualization renders as an SVG using D3 v7, loading CSV data from a remote GitHub repository. The code uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to draw the line and circular points. It also uses `d3.timeParse` to format dates and `d3.csv` for asynchronous data loading.

CCrystal Lee

80% match

Loading thumbnail…

Fork of Fork of D3 Starter

This example presents an average monthly sales bar chart, displaying sales data from a CSV file across repeated calendar years. The visualization aggregates repeated monthly entries into bars, showing the overall sales distribution for each month. Built with D3 v7, the code loads data via `d3.csv`, maps sales values to numbers, and constructs the chart using `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. SVG rectangles represent each bar, while `d3.axisBottom` and `d3.axisLeft` render the axes, with a title added as an SVG text element.

KKOLLIPATI NIKHIL

80% match