Fork of Viz T13

100%

Fork of Viz T13

✓ Published0🌍 Public

Last edited Sep 28, 2021

Created on Sep 28, 2021

Forked from Viz T13

A fork of a Vega-Lite visualization example, this chart displays social media post performance over time, filtering data by network (Twitter, Facebook, Instagram) and allowing interactive brushing of the date axis to explore the relationship between likes and engagement metrics. The main view uses colored bars to encode the `activity` field, while a secondary bar chart serves as a brush selector for the time range. Built with the vega-lite-api and D3.js (d3.v5), it loads CSV data from a GitHub gist, applies a custom color scale for `activity`, and includes tooltips for additional metrics like duration and engagements.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Viz T13

This example visualizes social media post performance with an interactive scatterplot of likes versus date, colored and sized by engagements. A linked brush below the chart filters the main view by date range. It is built with Vega-Lite API and D3 v5, loading CSV data from a GitHub gist. The visualization uses interval selection, tooltips, and configurable axis styling for readability.

SSebans31

85% match

Loading thumbnail…

Viz T13

This example presents social media post performance, plotting comments against dates while encoding network and likes through color and size. A second chart shows average likes over time, colored by sentiment, using the Vega-Lite API with the d3.csv loader to fetch the PostPerformance dataset. The visualization applies custom axis and label styling from a config object, with line marks for trends and point marks for individual posts, rendered as SVG.

SSebastian Rojas

82% match

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.

HHiImSebastian

82% match

Loading thumbnail…

Fork of HTML Starter

This example visualizes social media post data from a CSV file, plotting points by date and number of comments, with color encoding by network and size by likes. A second chart is defined to show average likes over time colored by sentiment, though it is not rendered. The visualization uses Vega-Lite's JavaScript API and D3 for data loading, with the VEGA and VEGA-LITE libraries registered for rendering to SVG. The chart includes tooltips and custom axis styling for improved readability.

SSebastian Rojas

82% match

Loading thumbnail…

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.

HHiImSebastian

80% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows a bar chart of temperature readings over time, using a small multiple of vertical bars to represent each data point. The chart is built with the Vega-Lite API, which is registered alongside Vega, Vega-Lite, and Vega-Tooltip. The visualization loads CSV data from a GitHub gist using `d3.csv` via the `getData` function, and applies a custom config object to style axes and labels. Bars are rendered with a fixed size of 5 pixels, and tooltips display the temperature value on hover.

Ddjfeld01

75% match

Loading thumbnail…

Fork of Vega-Lite API Template to tinker with

This example shows a bar chart of population by country, with bars colored by religion and a tooltip displaying population values on hover. It loads data from a CSV file hosted in a GitHub gist, then renders the visualization using the Vega-Lite API (vl) with a concise specification: markBar encoding country on the x-axis (sorted descending by population), population on the y-axis, and religion as color. The code imports vega, vega-lite, vega-lite-api, d3.csv for data loading, and vega-tooltip for interactive tooltips, with custom axis and label styling configured in a separate config.js file. The visualization dynamically sizes to the full window and uses an SVG renderer.

RRyan Johnson

75% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes Fitbit activity data as a scatterplot, with each circle representing an activity record. The x-axis plots the date and the y-axis plots activity type, while color distinguishes the data’s origin and tooltips reveal the activity name. Built with the Vega-Lite API, it loads CSV data via d3.csv from a GitHub repository and configures axis styling and tooltip handlers through vega-tooltip, rendering as SVG with automatic sizing to fit the viewport.

IIshana

74% match