HiImSebastian

@HiImSebastian·6 public vizzes

Viz T13 (postperformance)

This example uses the Vega-Lite API with D3 to visualize social media engagement data from a CSV file, showing the relationship between posting dates and sentiment. The first chart plots circles for individual posts, encoding date on the x-axis, network on the y-axis, sentiment by color, and likes by circle size. A second chart displays lines tracking average likes over time, grouped by sentiment. The code demonstrates loading data via D3’s `csv` function and rendering charts with Vega-Lite’s markPoint and markLine encodings, using vega-tooltip for interactivity.

Sep 14, 2021

Loading thumbnail…

Fork of Vega-Lite API Template

This example renders a filled line chart without strokes, mapping engine displacement on the x-axis and horsepower on the y-axis from the classic auto-mpg dataset. It uses the Vega-Lite API to construct the chart via its mark and encoding methods, with tooltips bound to each point’s vehicle name. The code loads CSV data through d3.csv, applies a custom configuration for axes and label styling, and displays the result as a full-window SVG using Vega-Lite’s renderer and view options.

Sep 14, 2021

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of social media data, mapping the day and month on the x-axis, network on the y-axis, sentiment as color, and likes as point size. It uses the vega-lite-api to construct the chart, which is then rendered with vega and vega-lite, with vega-tooltip providing interactivity. The data is loaded as CSV from a gist using d3.csv, and the chart automatically fits the browser window.

Sep 14, 2021

Loading thumbnail…

Visualizaciones t13

This example presents a minimal HTML page that loads a JavaScript file named `graphs.js`. The code uses plain JavaScript and the React framework to render visualizations, though the specific chart types are not defined in the provided files. The page structure is created with standard HTML and CSS, and the script is included via a `<script>` tag. The data source is not specified in the visible code, and the example serves as a basic scaffold for building interactive graphics with React.

Sep 14, 2021

Loading thumbnail…

Fork of ILINet Flu Surveillance Data

This visualization displays national ILI (influenza-like illness) total cases per week, with separate curves for each year from 2015 to 2019, enabling year-over-year comparison of flu season patterns. The chart uses an unordered color scale for the year field, which complicates reading since there is no intuitive ordering like "darker is more recent." Built with vega-lite-api, the code aggregates ILITOTAL by year, region, and week, then renders points with tooltips showing the year. Data originates from CDC FluView Interactive, loaded via d3.csv, and rendered with a custom config for improved label and title readability.

Sep 14, 2021

Loading thumbnail…

Fork of Vega-Lite API Template

A Spotify listening data dashboard plots daily listening patterns as circles, with the x-axis encoding the day of the month, the y-axis showing the network, and circle size reflecting like counts. Color indicates sentiment, with tooltips revealing exact dates. Built using Vega-Lite API for declarative chart specification, it loads CSV data via D3’s `csv` function and renders through VEGA and Vega-Lite libraries with a custom configuration for styling.

Sep 13, 2021