Skip to main content
SimilarExport ZIP
100%

Fork of D3 Starter

✓ Published1🌍 Public
Yyazneshpara2@gmail.com
Last edited Oct 28, 2025
Created on Oct 28, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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
87% 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
81% 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
80% 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
78% match
Loading thumbnail…

Fork of D3 Starter

This example presents a bar chart of website engagement metrics from a CSV file, showing the number of views for each page path. The chart uses D3 version 7 to create a linear x-axis scale for view counts and a banded y-axis for page names. Users can toggle individual bars on and off using checkboxes rendered alongside a list of the data points. The visualization renders with SVG and derives its data dimensions from the imported `csv` and `scaleBand` functions.

Iindira-antgrvty
77% match
Loading thumbnail…

Fork of Fork of D3 Starter

This visualization presents daily sales, revenue, and profit trends from a CSV dataset across two SVG charts. The first chart displays three overlaid time-series lines for each metric, with colored dots for each data point. The second combines bars for sales with a line for profit, using hover-triggered tooltips for interactivity. Built with D3 v7, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for path generation. Gridlines, axis labels, and a legend support readability.

Ssainishanthreddyk@gmail.com
75% match
Loading thumbnail…

Fork of D3 Starter

This example displays a scatter plot comparing programming language performance on Project Euler problems, with user-selectable axes, filter options, and animated transitions. It loads CSV timing data and color mappings from GitHub repositories, then visualizes results as colored circles that animate to new positions when the dataset changes. The visualization uses a custom surrounding-layout system that automatically positions titles, subtitles, axes, and legends within an SVG canvas. Built with D3 v7, the code leverages `d3.scaleLinear`, `d3.scaleBand`, `d3.scaleTime`, `d3.axisBottom`, `d3.axisLeft`, `d3.transition`, and dynamic menu-driven data selection through reusable chart components.

GGavin Sykes
75% match
Loading thumbnail…

Fork of Fork of Fork of D3 Starter

This visualization analyzes daily sales, revenue, and profit trends using two D3.js v7 SVG charts. A multi-series line chart displays all three metrics over time, while a combined chart overlays sales as bars with a profit line, both featuring custom tooltips and a styled interface using the Poppins font. The code loads CSV data via `d3.csv`, constructs scales with `d3.scaleTime` and `d3.scaleLinear`, and renders paths and bars with `d3.line` and `d3.axisBottom`, applying color-coded series and gridlines for readability.

Ssainishanthreddyk@gmail.com
75% match