Fork of Simple Scatter Plot for DIVA

100%

Fork of Simple Scatter Plot for DIVA

✓ Published0🌍 Public

Last edited Feb 3, 2024

Created on Feb 3, 2024

This scatter plot visualizes character properties from a Star Wars social network, showing PageRank against betweenness centrality on log-scaled axes. Each circle represents a character, with positions revealing correlations between these network influence metrics. The visualization uses d3's `scaleLog`, `extent`, `axisLeft`, and custom `viz` and axis label functions from `@curran/axis-labels` to render the chart within an SVG container. Data comes from the included `starwars_nodes_prop.csv` file, and circles are rendered with fixed radius and opacity values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork for SDV assn 6 M&K

This scatter plot visualizes the relationship between how often a character is picked and their total professional wins, with each circle representing a data point. The code loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG via d3.v7. It uses `d3.scaleLinear` for both axes, appends circles with a fixed radius of 5 pixels, and styles them with a teal fill. Axis labels, a centered title, and rotated y-axis text are added using `svg.append`, with all margins and dimensions explicitly defined.

BBlueT

72% match

Loading thumbnail…

HW2 Scatterplot

This scatterplot visualizes character network metrics from Game of Thrones, plotting page-rank against betweenness centrality for each character. Circumference encodes coreness while color represents year categories. The visualization uses Vega-Lite API with d3.v5 for data loading, rendering as an SVG with VEGA tooltips showing character names on hover.

Mmryvin

71% match

Loading thumbnail…

Fork of Reusable Scatter PLot

This interactive scatter plot visualizes JavaScript libraries by their GitHub stars and minified file size, with circle radius and color encoding additional data dimensions. Built with React and D3 v7, it uses `scaleSqrt` for proportional radii, `scaleSequential` with `interpolateCool` for color mapping, and renders SVG circles with tooltips. Data loads from a CSV file via `d3.csv`, and axes are generated using `axisLeft` and `axisBottom`, with margins configured for layout.

Sserebryanaya.n@gmail.com

71% match

Loading thumbnail…

'Reusable' D3 Scatter Plot with Curranians Symbol with Title

This visualization shows the growth of Curranians on the VizHub Planet over time, with each data point rendered as a custom SVG path of the Curranian symbol. The scatter plot maps dates on the x-axis and user counts on the y-axis, with hover tooltips revealing exact values. The code uses D3 v6 modules including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and a custom path definition from `paths.js`. Data originates from a CSV file containing date and user count pairs, rendered as an SVG with configurable margins and axis labels.

FFelipe Maion

71% match

Loading thumbnail…

Fork of Simple Scatter Plot

This fork of a simple scatter plot visualizes a time-series dataset, plotting data values against years. The x-axis represents the year extracted from a `Time_Period` attribute, while the y-axis shows the corresponding `Data_Value`. The visualization uses D3's `scaleLinear`, `axisLeft`, and `extent` functions to map data to screen coordinates and renders circles with a fixed radius and opacity. It also employs custom `xAxis`, `yAxis`, `xAxisLabel`, and `yAxisLabel` functions from the `@curran/axis-labels` library to display axes and labels. The data source is imported from a VizHub dataset.

Vvigneshs1006@gmail.com

70% match

Loading thumbnail…

Powers Scatterplot with Veroni

This interactive scatterplot visualizes Marvel character data from a GitHub-hosted CSV, plotting pairs of combat attributes like Strength and Speed. Users select axes via dropdown menus. Circles are colored by alignment (good, bad, neutral) and sized by total score, using the D3 `d3.Delaunay` API to generate a Voronoi overlay that enhances hover tooltips displaying character names. SVG rendering and transitions animate point repositioning and radius growth.

LLeah Mitchell

70% match

Loading thumbnail…

Fork of Fork of Scatter Plot

This visualization presents an iris dataset scatter plot matrix, with off-diagonal cells showing colored scatter plots of trait pairs and diagonal cells displaying histograms of individual traits. The scatter plots use colored circles to distinguish the three iris species. Built with D3 v4, the code employs `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.brush`, and `d3.histogram` to render the SVG-based matrix, with axes and frames styled via CSS.

Ddaniel

69% match

Loading thumbnail…

Fork of D3 Scatter Plot

This fork of a D3 scatter plot visualizes a dataset of PG2021 matches, plotting each entry’s percentage of something matched against its name. The SVG chart uses `d3.scaleLinear` for both axes, with `d3.axisLeft` and `d3.axisBottom` to render tick labels, and circles are drawn via SVG `rect` elements (though named as circles). The data is loaded from a CSV file using `d3.csv`, and the layout adapts to the browser window’s inner dimensions.

TThaverman

69% match