Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Rrainyrainyguo
Last edited Nov 13, 2020
Created on Nov 13, 2020
Forked from HTML Starter

This interactive line chart visualizes the sentiment polarity of tweets from a U.S. presidential Twitter account from June 14 to June 17, 2020, using a dataset (`crawled_mini.csv`) that maps hourly timestamps to polarity scores. The chart plots the polarity values over time, with a line graph showing the trend; users can filter the view by a time range via a Metro UI double slider or select a specific hour from a dropdown menu. The visualization is built with D3.js (v3), using `d3.time.scale`, `d3.svg.axis`, and `d3.svg.line` to render the axes and line, while a custom `d3.legend` function adds a legend. The Y-axis spans from -1 to 1 to represent the polarity range, and the line is styled in steelblue.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Tweet Sentiment Distribution - Predictive

This visualization shows the predicted distribution of tweet sentiments—negative, positive, and neutral—as a donut chart, with each slice labeled by its percentage. The data is loaded from a CSV file using `d3.csv` and preprocessed to calculate percent ranges. The chart is rendered with SVG paths generated by `d3.pie` and `d3.arc`, while a color scale via `d3.scaleOrdinal` maps sentiments to distinct colors. A legend created with `d3.legendColor` clarifies the color encoding, and a title is displayed above the chart.

PPeter Gish
69% match
Loading thumbnail…

Untitled

This interactive line chart displays temperature data in either Fahrenheit or Celsius from a CSV file, with a dropdown menu to switch between metrics. The visualization uses D3.js v5 to render SVG paths with cardinal curve smoothing, and includes a hover tooltip that reveals exact dates and values using bisector-based mouse tracking. The chart updates its y-axis domain and line paths dynamically when the metric changes, with CSS transitions providing smooth animations.

RResl411
69% match
Loading thumbnail…

sentiment time-series mouseover

This example displays a time-series line chart of sentiment values loaded from a CSV file, with a mouseover interaction that reveals the exact sentiment value at the nearest data point. A transparent overlay rectangle captures mouse events, and a bisector function finds the closest time value to the cursor position. The chart uses D3 v3 with SVG rendering, including axes, a steelblue line path, and a focus circle with text label that updates dynamically on mousemove. The code relies on d3.csv, d3.svg.line, d3.svg.axis, and d3.bisector.

BBBischof
68% match
Loading thumbnail…

Untitled

This interactive bar chart displays bias-motivated incidents in NYC for 2020 and 2021, with buttons toggling between the two years. The visualization uses D3.js v7 within an HTML page, rendering as an SVG. It fetches CSV data from a GitHub repository and animates bar height, position, and axis transitions over one-second durations using D3’s scaleBand, scaleLinear, and transition methods. The chart highlights changes in incident counts across bias categories.

RRona Xu
68% match
Loading thumbnail…

Untitled

A scatterplot maps labeled emotions (Happy, Surprised, Anger, Sadness) against a time axis (0–100), showing when each emotion occurs in the recorded sequence. The D3.js v4 code loads emotion and time data from a CSV file, scales the axes with `scaleLinear` and `scaleBand`, and renders circles with SVG. Axis titles and rotated labels are added via `axisLeft` and `axisBottom`, with margins and a title included in the React-based visualization.

Jjpdlourenco98
67% match
Loading thumbnail…

Sentiment Scores of Tweets

A scatterplot displays sentiment scores for a sequence of tweets, indexed along the x-axis with AFINN-based scores on the y-axis. The visualization reveals that most tweets cluster around a neutral score of zero, with sporadic positive and negative outliers. The chart is built with D3 v3, using SVG circles, linear scales, and axes to map tweet index and sentiment score. Data is loaded from a CSV file containing tweet indices and their corresponding sentiment values.

JJverma
67% match
Loading thumbnail…

Interactive scatterplot

This interactive scatterplot visualizes Twitter user activity by plotting tweets based on quantitative dimensions on logarithmic x and y scales, with each point colored and sized by tweet type and a related metric. The visualization includes a custom legend with lines and circles to explain the size mapping. Built with D3.js version 3.5.5, the code uses d3.svg.axis, d3.scale.log, d3.scale.ordinal, and d3.scale.linear to construct the axes and scales, with SVG rendering for all graphical elements. The dataset is loaded from a CSV file containing tweet samples, and the graph includes a title and axis labels.

AAndresAnayaIsaza
67% match
Loading thumbnail…

Untitled

This time series displays data points over a date range, using a blue-to-red vertical gradient to encode value magnitude along the line. The visualization reads a comma-separated dataset from an external URL and parses dates with `d3.timeParse`. It constructs an SVG line chart, computing scales with `d3.scaleTime` and `d3.scaleLinear`, and renders axes via `d3.axisBottom` and `d3.axisLeft`. A `linearGradient` element is defined and applied as the stroke, with the path generated by `d3.line`.

Ggabrielribeirob
67% match