Visualization

100%

✓ Published0🌍 Public

Last edited Dec 31, 2017

Created on Dec 31, 2017

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.

AI-generated description

A Principle Component Analysis of the Citation-Data of 2000 Philosophy-Articles from the 90s. Clusters are generated with K-Means.

The Scatterplot is forked from <a href='http://bl.ocks.org/peterssonjonas/'>peterssonjonas</a>'s block: <a href='http://bl.ocks.org/peterssonjonas/4a0e7cb8d23231243e0e'>D3 Zoomable Scatterplot</a>

forked from <a href='http://bl.ocks.org/MNoichl/'>MNoichl</a>'s block: <a href='http://bl.ocks.org/MNoichl/ab5a637122ee56e422168fd6c8db0cbf'>PCA 2000 Philososophy-Articles</a>

mit Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Visualization

This interactive scatterplot visualizes a Principal Component Analysis of citation data from 2,000 philosophy articles from the 1990s, with points colored by K-Means clusters. Users can zoom and pan the plot using d3.behavior.zoom and hover over points to see tooltips generated by d3.tip. The visualization is built with D3 v3, rendering SVG circles, and includes a button that switches the x-axis to display carbohydrate values, triggering a transition that updates the axis and dot positions.

MMNoichl

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

94% match

Loading thumbnail…

Visualization

This visualization plots the Davies-Bouldin index against the number of clusters for a k-means analysis of philosophy papers, revealing how clustering quality varies with cluster count. The code uses d3.v3 with SVG circles positioned via linear scales, reading data from a CSV file that tracks citation patterns across analytical and continental philosophy journals. A d3.tip tooltip displays exact values on hover, while d3.behavior.zoom enables interactive panning and zooming of the scatterplot. The animation and transitions are handled through d3's built-in transition methods.

MMNoichl

85% match

Loading thumbnail…

Visualization

This interactive scatter plot displays the Davies-Bouldin index (y-axis) against the number of clusters k (x-axis) for K-means clustering results on citation data from philosophy journals. It visualizes how clustering quality changes from 2 to 10 clusters, showing a minimum at k=7. The visualization uses D3 v3 with `d3.scale.linear`, `d3.svg.axis`, and `d3.scale.category20`, rendering circles in SVG. A button switches the x-axis to a different (unused) data column, while the underlying data comes from a CSV file loaded via `d3.csv`, with tooltips via the d3-tip library and zoom/pan through `d3.behavior.zoom`.

MMNoichl

82% match

Loading thumbnail…

Visualization

This visualization plots the Davies-Bouldin Index against the number of clusters (k) for clustered citation data from philosophy journals, showing that 7 clusters yield the lowest index and thus the best clustering. The scatterplot uses d3.svg.axis, d3.scale.linear, and d3.behavior.zoom for panning and zooming, with circles colored by cluster and tooltips via d3.tip. Data comes from a CSV file containing clustering results from the author's analysis.

MMNoichl

77% match

Loading thumbnail…

Scatterplot basic

This scatterplot displays clustered data from a CSV file, using color to distinguish clusters. Users can brush a region to zoom in, and double-click to reset the view. The visualization is built with D3 v4, using `d3.scaleLinear` for axes, `d3.brush` for selection, and SVG transitions for smooth animations. It renders data points as circles, with a legend for cluster identification.

MMNoichl

73% match

Loading thumbnail…

Scatterplot basic

This example shows an interactive scatterplot of clustered data points, where users can brush a rectangular region to zoom into that area and double-click to zoom back out. As the view changes, the x and y axes smoothly transition to the new domain. Built with D3.js v4, it uses `d3.brush` for selection, `d3.scaleLinear` for axes, and SVG transitions to animate the rescaling of circles. The data comes from a CSV file containing x, y coordinates and cluster labels, with colors assigned via `d3.scaleOrdinal`.

MMNoichl

72% match