Skip to main content
SimilarExport ZIP
100%

emic

✓ Published0🌍 Public
NNaveed945
Last edited Jul 3, 2022
Created on Jul 3, 2022

This example shows a scatter plot of academic publication influence against University Ranking, with the size of each bubble encoding the number of alumni employed. The visualization is built using the vega-lite-api, which registers Vega and Vega-Lite for declarative chart creation, and includes a d3.csv loader to fetch data from a GitHub-hosted CSV file. The plot is rendered to SVG, with tooltips enabled via the vega-tooltip Handler, and the config file customizes axis and label colors for readability against a light background.

AI-generated description

This is a scatter plot of academic publication influence on University Ranking. The size of each bubble indicates the number of alumni_employment.

.

Data Sources: World University Ranking

.

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Academic Publication Influence on University Ranking

This scatter plot shows the relationship between academic publication influence and university ranking, with bubble size encoding the number of alumni employed. The visualization uses the vega-lite-api to construct the chart, which is rendered with d3.v5 and vega-lite. Data comes from a CSV file containing World University Ranking information, loaded asynchronously via d3.csv. The chart is styled with a custom configuration for axis and label appearance, and supports interactive tooltips through the vega-tooltip handler.

HHarshinireddyy19
79% match
Loading thumbnail…

Fork of Academic Publication Influence on University Ranking

This scatter plot visualizes the relationship between academic publication counts and university world rankings, with bubble size representing alumni employment numbers and color encoding country. The visualization uses the vega-lite-api library with d3.csv to load World University Ranking data from a GitHub gist. It renders circles with encoded x (publications), y (world_rank), color (country), and scaled size (alumni_employment) fields, plus tooltips showing institution names. The chart includes custom axis styling for improved readability.

Yyuli19991001
75% match
Loading thumbnail…

Academic Publication Influence on University Ranking

This scatter plot shows the relationship between academic publication output and university world ranking, with bubble size representing alumni employment and color indicating country. The visualization uses vega-lite-api to encode publication count on the x-axis and world rank on the y-axis, applying a logarithmic-scale-like bubble range from 5 to 200. Data comes from a CSV of World University Rankings fetched via d3.csv. The chart is rendered with Vega-Lite, configured with custom axis styles, and includes tooltips showing institution names.

CChen Ding
74% match
Loading thumbnail…

Vega-Lite API Template

This example visualizes earthquake data using a scatter plot, where the magnitude, depth, horizontal distance, year, and country of each earthquake are encoded through position, color, size, and tooltips. The visualization is built with the vega-lite-api library, which registers Vega and Vega-Lite to render an SVG output. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, and the chart is configured with custom axis and label styling for improved readability. The code also integrates vega-tooltip for interactive hover details.

VVarun Eranki
73% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of student data, plotting marks against time spent studying, with color and size encoding the number of courses and an integer attribute, respectively. The tooltip reveals each student’s name. Built with Vega-Lite API and D3, it loads CSV data from the UCI Auto MPG dataset, renders an SVG via Vega, and customizes axes and label styling through a config object.

NNaimisha-M
72% match
Loading thumbnail…

Vega-Lite API Template

A scatter plot visualizes modern mathematicians, statisticians, computer scientists, engineers, inventors, biologists, and physicists born after 1950 across seven countries, mapping historical prominence index (hpi) and lifespan (l) on the axes. Each point’s color and fill encode occupation, shape indicates birth country, and size reflects non-English page views. The example uses the Vega-Lite API to construct the specification programmatically, with D3’s `csv` loading data from the Pantheon.world dataset, and renders through Vega with tooltip support.

Ssriramvsharma
72% match
Loading thumbnail…

Vega-Lite API Template

This example uses Vega-Lite API to render a scatter-style point plot of institutional data, with countries on the x-axis and the number of experts on the y-axis. The points are colored and sized by expert count, and tooltips display institution names. It loads CSV data from a GitHub gist using d3.csv, configures visual appearance through a custom config object, and renders interactively with a tooltip handler. The visualization is built in a React-compatible setup using vega, vega-lite, and vega-lite-api libraries, with a responsive full-window layout.

Aashershah
71% match
Loading thumbnail…

Vega-Lite API: College Scorecard Outcomes

This visualization plots the relationship between entering students' median household income and their earnings six years after enrolling, with each point representing a college or university. The scatterplot uses a circular mark with 50% opacity, revealing overlapping institutions as darker clusters. It relies on the Vega-Lite API, a declarative grammar built atop Vega and Vega-Lite, with data fetched from a CSV hosted as a GitHub Gist. The code configures axis styling, tooltips, and a fit-based autosize using the d3.csv loader.

JJCarpenter-WPI
71% match