Pagerank Test

100%

✓ Published0🌍 Public

Last edited Mar 16, 2020

Created on Feb 17, 2020

A scatterplot-style visualization displays PageRank results as labeled circles positioned along a horizontal axis. Each circle’s x-coordinate corresponds to its ranking, while its radius encodes the associated value, with larger circles indicating higher scores. The title appears centered above the plot. The code uses D3 v5 selections, `scaleLinear`, and `scalePoint` (though `scalePoint` is unused) to generate SVG circles and text labels from hardcoded ranking and value arrays.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Large number of points

A scatterplot displays 50,000 generated points, with color and radius encoding each point’s position in the lower, core, or upper quartile range. Built with D3 v4, the visualization uses SVG circles and an animated transition to update the points when the user edits the quantile, color, or radius values. The x-axis maps the point index, while the y-axis shows the generated normal distribution values, with scales recalculated via the `d3.scaleLinear` and `d3.quantile` APIs.

CCJKraenzle

71% match

Loading thumbnail…

Fork of Cars Scatter Plot

A scatter plot displays cars data from the UCI Machine Learning Repository, plotting pagerank against betweenness for individual data points. The visualization uses red, semi-transparent circles to represent each car. Built with D3 v5, the code employs scaleLinear, axisBottom, axisLeft, and csv to load and render the data as SVG. Axis labels and a title annotate the chart, with tick marks extending across the plot area to aid readability.

Ttanup05

70% match

Loading thumbnail…

Scatter Plot

This scatter plot displays ten randomly generated data points distributed across a two-dimensional plane, with each circle’s position determined by linear scales mapping the data range to pixel coordinates and its radius scaled proportionally. The visualization uses D3 v4 to create an SVG, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The code applies `d3.scaleLinear` for both x and y positioning, `d3.scaleOrdinal` with `d3.schemeCategory20` for coloring each circle, and a separate radius scale. The data originates from `d3.range(10).map(Math.random)`, producing a simple, uncluttered chart that highlights basic scatter plot construction without external data files.

BBerengerCunillera

70% match

Loading thumbnail…

Scatterplot

A scatterplot displays 50 randomly generated data points, mapping each point’s x- and y-coordinates against linear scales with axis tick marks. The SVG rendering, created with D3.js, uses a linear scale for both axes and a third linear scale to map y-values to circle radius (ranging from 2 to 5 pixels). The visualization is animated, as the dataset is regenerated with new random values each time the page loads, and the circles are drawn without transitions between states. The code explicitly uses D3’s `d3.scale.linear` and `d3.svg.axis` APIs to construct the plot.

MMrajyalakshmi

69% match

Loading thumbnail…

Understanding PageRank in a network graph

The visualization demonstrates PageRank scoring of sentences in a network graph from an auto-summarization use case. It shows a force-directed graph of sentence nodes built from a Quora answer, where clicking the "Rank Nodes" button animates node radii to reflect LexRank scores. The graph is rendered in SVG with the d3.v3 library, using `d3.layout.force` for layout and `d3.scale.linear` for mapping scores to sizes. Clicking a node displays its sentence text; clicking that text removes it, using the d3 `select` API for interaction.

JJverma

69% match

Loading thumbnail…

Last.fm: Top 500 Songs by pagerank (2D)

This interactive force-directed graph visualizes the top 500 songs ranked by PageRank, calculated from a network of 33,000 tracks. Each node represents a song, with its size proportional to its PageRank and its position reflecting similarity to connected songs. Hovering reveals the song title, and dragging a node pulls connected nodes to show relational distances. Built with d3.forceSimulation and d3.drag, it uses SVG rendering and provides brushing for multi-selection within the ForceAtlas2-style layout.

DDenisKealy

68% match

Loading thumbnail…

ScatterPlot

This scatterplot uses D3 to display a set of points on an SVG canvas, with axes drawn via a linear scale. The code defines explicit margins and dimensions, then appends an SVG group to position the plot area. Each data point is rendered as a circle, though the dataset itself is not included in the visible code. The visualization focuses on showing the distribution of values across the x and y coordinates, with no additional encoding beyond position. The implementation relies on D3’s selection and scale APIs, following a standard margin-based layout pattern.

BBerengerCunillera

68% match

Loading thumbnail…

Pseudo Scatter Plot

This example presents a pseudo scatter plot, using a set of six circles arranged to suggest a data distribution rather than plotting actual data points. Each circle is rendered as a static SVG `<circle>` element with fixed coordinates and a radius of 34.5, positioned on a white 960×500 canvas. The visualization relies purely on raw SVG markup inside an `index.html` file, with no JavaScript libraries or dynamic data processing involved. The sparse, hand-coded placement of circles creates a simple, minimalist view of a hypothetical scatter pattern.

YYangxi Liu

68% match