Untitled

100%

✓ Published0🌍 Public

Last edited Nov 29, 2022

Created on Nov 29, 2022

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Front-End for IR project

This interactive scatterplot visualizes sentiment analysis across a corpus of text data, with each point representing a word mapped by its sentiment score and frequency. Users can enter two words into text inputs to compare their associated topics and related terms, which display as lists beside the plot. The visualization uses D3 v6 to render SVG points with hover effects that highlight individual data, while color coding indicates positive, negative, or neutral sentiment based on threshold values. The code includes fake sample data for testing, demonstrating word-topic relationships and word-word similarity rankings.

LLeah Mitchell

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…

Untitled

A map of France displays colored circles sized by the percentage of survey responses from each university, with a tooltip showing the exact value on hover. The visualization loads geographic boundaries from a TopoJSON file and renders them as SVG paths using `d3.geoPath` with a custom composite projection from compmap.js. Circles are positioned via the projection, sized with `d3.scaleSqrt`, and animated on mouseover through D3 transitions, while CSV data drives the interactive tooltips.

TTimothyMiage

65% match

Loading thumbnail…

Debating + Recommendations Visualization

This interactive zoomable circle packing visualization maps the structure of a debate on extracurricular activities in Lyon, with circles representing topics, participant groups, and individual comments. The hierarchical layout uses D3’s `d3.layout.pack` to arrange circles, with colors indicating categories like “Parents” or “Professeurs,” while leaf nodes are white. Clicking a circle zooms to that subtree, smoothly animating positions and radii via `d3.scale.linear` transitions. Hovering reveals text labels for comments under 30 characters, and the code loads data from a local `flare.json` file.

LLucienPerouze

65% match

Loading thumbnail…

Gist e049bb6d7696d1b2d4ff242e68fcd062

This example analyzes text data by performing topic modeling and visualization. It shows the resulting topics and their associated terms, revealing latent themes in the dataset. The code uses NLTK for tokenization and stopword removal, TextBlob for sentiment analysis, and Gensim’s LdaModel and CoherenceModel for topic extraction. Plotly’s `scatter` and `bar` traces render the interactive visualizations, with data processed from a pandas DataFrame. The rendering approach relies on Plotly’s offline mode, initiated via `pyo.init_notebook_mode()`.

AArizonaTay

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

64% match

Loading thumbnail…

Topic Model Viz

This visualization displays a topic model’s data as a vertical column of small purple squares, with each square’s opacity reflecting the value in the second data column. It reads data from a remote CSV file via `d3.csv`, then renders the first 2,000 records as an SVG using `selectAll('rect')` and `insert('rect')`. Each rectangle is positioned 10 pixels apart, with fixed width and height of 8 pixels. The example uses D3 v5 and demonstrates a simple, minimal approach to encoding quantitative values through opacity.

DDavid Emmanuel Katz

64% match

Loading thumbnail…

Untitled

This interactive network diagram displays the relationships between words in a short French phrase, such as “le chat doit manger la souris.” Rounded rectangles represent nodes, with curved arcs drawn between linked words to show connections. Hovering a node highlights it and its associated links in a contrasting color. Built with D3.js v4 and React, the visualization uses SVG paths for links, scales for node positioning, and event handlers for hover interactions, reading its data from a JSON file.

CCalliopé

64% match