Skip to main content
SimilarExport ZIP
100%

App_Sentiments

✓ Published0🌍 Public
Mmeangreen0067@gmail.com
Last edited Mar 2, 2026
Created on Mar 2, 2026
Forked from HTML Starter

This dashboard fetches CSV sentiment data from a GitHub raw URL and presents it through summary cards, an SVG bar chart, and an interactive data table. Using the Fetch API and a custom CSV parser, the application calculates aggregate metrics and renders randomized sample bars as placeholder visualizations, while CSS grid and flexbox handle the responsive layout. The chart is built with native SVG elements manipulated via JavaScript, and the table includes hover-highlighted rows for readability.

AI-generated description

CSV Data Dashboard

A dynamic web application that loads CSV data from GitHub and displays it with summaries, charts, and tables.

Features

  • Load CSV data from GitHub raw links
  • Display data summaries with cards
  • Visualize data with SVG bar charts
  • Interactive data table with hover effects
  • Responsive design with modern styling

Setup

  1. Update the CSV_URL in index.js with your GitHub raw CSV link
  2. Open index.html in a browser

Customization

  • Modify the chart type in renderChart() function
  • Update summary metrics in renderSummary() function
  • Adjust colors in styles.css
MIT Licensed

Similar vizzes

Loading thumbnail…

Saiteja_ICE5

This visualization summarizes a 150-row CSV dataset of simulated digital behavior records, showing key performance indicators like average app usage time and sleep hours in a left-hand card. An adjacent SVG bar chart, built with D3.js v7, displays the distribution of social media platforms using aggregated frequency counts. The page loads the remote CSV via JavaScript’s `fetch()`, parses it with `d3.csvParse`, and computes rollups with `d3.rollups`. A scrollable preview table shows the first eight rows to verify parsing.

Ssaitejak1619@gmail.com
74% match
Loading thumbnail…

socialmediasentiment

This dashboard compares sentiment trends between Twitter and news sources, presenting both a pie chart of sentiment distribution by source and a line chart tracking positive and negative sentiment over time. A dropdown filter allows users to view all data or isolate a specific source. The visualization uses D3 v7 to load CSV data from Google Drive, with d3.pie and d3.arc generating the pie chart, and d3.scaleTime, d3.scaleLinear, and d3.line constructing the temporal trends. Both charts render as SVG elements within styled containers.

LLohitha Konidena
73% 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
72% match
Loading thumbnail…

ICE5

This dashboard summarizes a CSV dataset loaded from a public GitHub Gist, displaying high-level metrics such as total character count, column count, and row count. It then renders a preview table of the first ten rows using D3 v7’s `d3.csv` and `d3.select` APIs, building an SVG banner and styled HTML table. The interface dynamically fetches data with the Fetch API and presents it with custom CSS for metrics, panels, and a green-themed header. All rendering occurs in SVG and HTML, with no interactive filtering or charts beyond the static overview.

SSainathreddypotu@gmail.com
71% match
Loading thumbnail…

cs tools sdv eshitha

This interactive dashboard demonstrates loading and parsing a CSV file with D3. It fetches data from a GitHub Gist using `d3.csv` and displays it in a searchable HTML table. The interface includes a summary card that calculates aggregate statistics from the data, an SVG icon, and a live search input that filters the table rows. The visualization renders entirely as styled HTML and SVG elements, with a light, clean aesthetic.

Kkanaparthieshitha@gmail.com
71% match
Loading thumbnail…

Sentiment Analysis: Thumbs Up by Review Date

This bar chart displays sentiment analysis results, showing the number of thumbs-up votes for each review date. The visualization uses React and D3 v5 to render an SVG with a band scale for the x-axis and a linear scale for the y-axis. The code loads CSV data via `d3.csv`, then creates rectangular marks using `Marks.js`, with axes built through custom `AxisBottom` and `AxisLeft` components. Each bar includes a native SVG `<title>` tooltip showing the exact thumb count.

Mmeangreen0067@gmail.com
70% 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.

苏苏巨亮
70% match
Loading thumbnail…

eshitha ice5

This interactive dashboard loads a CSV dataset of CS tool usage from a GitHub gist and presents a summary with D3.js v7. It displays total row counts, column names, and category counts using `d3.csv`, `d3.autoType`, and `d3.rollup`. The page renders a static SVG icon and uses standard DOM manipulation to show the first five raw rows in a preview panel.

Kkanaparthieshitha@gmail.com
70% match