Skip to main content
SimilarExport ZIP
100%

Front-End for IR project

✓ Published1🌍 Public
LLeah Mitchell
Last edited Apr 26, 2022
Created on Apr 25, 2022

This interactive visualization front-end compares Twitter and Reddit sentiment and topic associations for user-entered words. It displays sentiment as colored, neutral, positive, or negative labels alongside word-similarity and topic-term lists. Built with D3.js v6, the interface renders SVG text and labels across a divided screen, with input fields for two words. The implementation uses custom JavaScript helper functions to map sentiment values to colors and mouth-angle symbols, while layout is managed through CSS flexbox and absolute positioning in the grid container.

AI-generated description

Height versus weight scatterplot of marvel characters.

Data from: https://gist.github.com/LeahMitchell/8ad46fbcac8d7420bcd5b97b1a245f43#file-readme-md

MIT Licensed

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
85% match
Loading thumbnail…

WheeledDoorsAPI

This interactive visualization compares word similarity and topic distributions for two user-entered words. It renders SVG elements using D3 v6, with word lists and topic clusters positioned around a central area. The code fetches data from an AWS API Gateway endpoint via `fetch`, though it currently displays hardcoded sample data. Users can input words in text fields, and hovering over points highlights them with a blue fill. The visualization uses D3 scales and containers to arrange topic words and similarity scores in a comparative layout.

YYoni Weiner
68% match
Loading thumbnail…

Sentiment

This example visualizes sentiment analysis by rendering a simple HTML page that loads the `sentimental` library from unpkg.com. The visualization draws on sentiment data processed through the `sentimental` API, which evaluates text and outputs a sentiment score. The page uses a minimal setup with CSS and JavaScript, where the main application logic resides in a bundled `bundle.js` file. The React framework is referenced, and the prototype connects sentiment analysis results to a visual representation, though the concrete rendering method is not detailed beyond relying on `sentimental` for the analysis.

Llars-ruijs
68% match
Loading thumbnail…

Fork of React & D3 Starter

This visualization presents a scatter plot of emotional states, with each point positioned by x and y coordinates derived from survey responses. The chart encodes user-reported emotions like "Desire," "Enthusiastic," and "Loved" in a 2D space, likely representing dimensions of emotional valence and arousal. Built with React and D3 v7, the code uses a `useData` hook to load CSV data and a `viz` function that constructs an SVG via D3's selection API. The project demonstrates a decoupled React-D3 integration pattern, where the `VizWrapper` component manages the SVG element and invokes the D3 rendering logic through a ref.

CCheng Tang
68% match
Loading thumbnail…

PseudoViz: Diverging Likert

This visualization displays a diverging Likert scale for survey responses across twelve social media platforms. Each horizontal bar is centered at zero, with segments extending leftward (disagreement, in reds) and rightward (agreement, in blues), sized proportionally to the percentage of total responses. Bars are sorted by overall positive sentiment. The implementation uses d3 v7’s `select`, `scaleLinear`, and `join` to render SVG rects. The data is a hardcoded array of twelve six-integer counts. Colors are manually prescribed using hex values, while the d3-scale-chromatic library is loaded but not used.

KK Munz
67% match
Loading thumbnail…

Word Sentiment Distribution - Predictive

A donut chart displays the predicted sentiment distribution of words from a Russia-Ukraine Twitter analysis dataset, breaking percentages into negative, positive, and neutral categories. The visualization uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal mapping sentiment categories to distinct colors. Percent labels are positioned using d3.arc centroids, and a categorical legend is rendered via the d3-legend plugin's d3.legendColor. The data is loaded as CSV from a GitHub repository, and the SVG rendering uses a custom viewBox with margins and a fixed radius for the arc paths.

PPeter Gish
67% match
Loading thumbnail…

Word Sentiment Distribution

This visualization displays the sentiment distribution of words from a Russia-Ukraine Twitter dataset, using a stacked horizontal bar chart segmented into negative, positive, and neutral categories. The bar’s segments are scaled proportionally to each sentiment’s percentage, labeled with their exact values. Built with D3.js v7, it loads CSV data from a remote repository, maps sentiment colors via `d3.scaleOrdinal`, and positions rectangles using `d3.scaleLinear`. The chart includes an SVG-based legend generated with the d3-legend library and custom axes.

PPeter Gish
67% match
Loading thumbnail…

Apriori

This visualization displays sentiment scores for each day of the week as individual points in an SVG scatterplot. The code loads tab-separated data from a GitHub repository and maps days to ordinal x-axis positions while sentiment scores are scaled linearly on the y-axis. Hovering over a circle reveals a tooltip showing the associated itemset and score, highlighting the point in orange. The implementation uses d3.scale.ordinal and d3.scale.linear with d3.svg.axis for the chart’s axes and event handlers for the interactive tooltip.

苏苏巨亮
66% match