Skip to main content
100%

star coordinates

✓ Published0🌍 Public
Aamirothman
Last edited Oct 21, 2016
Created on Oct 21, 2016

This visualization uses star coordinates to project LDA topic probabilities for news articles into a 2D scatterplot. Each document is positioned by summing its topic-probability-weighted axis vectors, where the 20 topic axes radiate evenly around an invisible circle. D3’s force simulation with collision avoidance gently nudges overlapping points apart. Points are colored by dominant topic and opacity encodes topic probability; hovering a point or a legend entry highlights all articles sharing that topic, enlarges them with an elastic ease, and displays the article title near the cursor. A second SVG renders an interactive legend of topics.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

star-coordinates

This example projects high-dimensional topic distributions onto a 2D star-coordinate scatterplot, revealing clusters of documents based on their topic probabilities. Each document is positioned as a weighted sum of topic-axis vectors, where ten topic IDs are arranged radially around a central origin. The code loads JSON data, computes axis positions using trigonometry, and sums topic probabilities times axis coordinates to place each point. It relies on D3 v4 for SVG rendering and data binding, with explicit coordinate calculations instead of layout algorithms.

Aamirothman
85% match
Loading thumbnail…

intensity vs likelihood

A D3.js scatter plot visualizes topic intensity against relevance, with points positioned by ordinal topic categories on the x-axis and a linear relevance scale on the y-axis. The plot uses SVG circles with a fixed radius and 0.4 opacity, sourced from JSON data loaded via `d3.json`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with scales defined by `d3.scaleOrdinal` and `d3.scaleLinear`. The visualization adapts to the window dimensions and uses a fluid layout with minimal margins.

Gguitmonk-1290
69% match
Loading thumbnail…

Visualization

A zoomable scatterplot displays a Principal Component Analysis of citation data from 2,000 philosophy articles, with points colored by K-Means clusters. The visualization uses D3 v3’s linear scales, axes, and zoom behavior to explore the bidimensional projection. Points are rendered as SVG circles with tooltips via d3-tip, and a button switches the x-axis variable, triggering a transition on the dot transforms. Data is loaded from a CSV file, and the plot includes a categorical color legend.

MMNoichl
68% match
Loading thumbnail…

Visualization

This interactive scatterplot visualizes a principal component analysis of citation data from 2,000 philosophy articles, with k-means clustering applied to reveal groupings. The D3.js (v3) visualization uses SVG circles positioned via a zoomable, panning coordinate system, with color encoding cluster membership and tooltips showing exact coordinates. Users can click a button to switch the x-axis variable, triggering animated transitions of the data points. The code leverages `d3.scale.linear`, `d3.svg.axis`, `d3.behavior.zoom`, and the `d3.tip` library for interactivity, with data loaded from a CSV file.

MMNoichl
68% match
Loading thumbnail…

Gist fe5834a6c79855e23c3c7e3ae7e7f048

This example visualizes the distribution of a dataset through an interactive scatterplot, encoding three variables on the x- and y-axes and point size. The visualization uses D3.js with `d3.forceSimulation` to arrange overlapping points into a readable layout, while `d3.scaleLinear` and `d3.axisBottom` handle axis generation. Rendering is done via SVG circles, and transitions are applied using `transition.attrTween` to smoothly update positions when data changes. The underlying data originates from a static JSON array embedded in the gist, with no external data source, and the code includes hover tooltips via `d3.select().on("mouseover")` for individual point inspection.

AAlexDaGr8
67% match
Loading thumbnail…

Untitled

This example visualizes the results of a topic model analysis on French school report comments, showing the relationships between three topics and their associated terms. The visualization uses the pyLDAvis library to render an interactive scatter plot where each topic is positioned based on multidimensional scaling, with term frequencies displayed through the `ldavis.v1.0.0.css` stylesheet. The data is embedded as a JSON object containing the MDS coordinates and term information, which is then rendered inside a dedicated HTML div element using D3.js v5 within a React framework.

Hhoriayeb
67% match
Loading thumbnail…

Untitled

This chart visualizes the popularity of research topics over time using a stacked area chart with a silhouette offset. The visualization uses d3.layout.stack, d3.svg.area, and d3.time.scale to render SVG paths with cardinal interpolation, while d3.svg.axis displays the x and y axes. Interactive features include tooltips on mouseover that show topic values, hover highlighting that dims other layers, and a vertical guide line that follows the cursor. Data comes from a comma-separated CSV file loaded with d3.csv.

LLAOKE1997
66% match
Loading thumbnail…

Visualization

This visualization displays a principal component analysis of citation data from 2,000 philosophy articles, projecting each article into a 2D scatterplot where points are colored by K-Means cluster assignment. The chart, built with D3 v3 and rendered as SVG, supports zooming and panning through the d3.behavior.zoom API. Each dot represents an article, with mouseover tooltips provided by the d3-tip library. The visualization includes an interactive button that switches the x-axis to display carbohydrate values, demonstrating a data-viewing alternative, though the primary dataset remains the citation components.

MMNoichl
66% match