Skip to main content
SimilarExport ZIP
100%

Scatter Plot Weighted by Size

✓ Published0🌍 Public
PPichayut Liamthong
Last edited Sep 23, 2020
Created on Sep 16, 2020

This scatter plot shows the number of universities across Thai provinces over time, with each point’s size weighted by the count of institutions. The visualization uses the vega-lite-api to render a point mark with an aggregated size encoding, reading data from a CSV of Thai higher education records. It customizes appearance through a vega-lite config for axis styles and tooltips, and loads data asynchronously via d3.csv.

AI-generated description

A visualization constructed using the vega-lite-api.

The visualization comes from Data.World : Thai Higher Education. It's designed to emphasize the number of university across Thailand by Year, group by the province.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot shows the Students to Staff Ratio for universities across different countries. It uses D3.js (version 7) with an SVG rendering approach to display each country as a red circle, positioned along a categorical x-axis for country names and a linear y-axis for the ratio values. The code loads data from a CSV file via a GitHub gist URL, and employs D3's `scaleBand` and `scaleLinear` functions to map the data coordinates, along with `d3.axisLeft` and `d3.axisBottom` to generate the axes.

Vvinodreddysagam929@gmail.com
66% match
Loading thumbnail…

Stacked Bar Chart with Color Legend

This stacked bar chart displays the number of tourists visiting Thailand per year, aggregated by region, with each bar segment colored according to its regional origin. Built with the vega-lite-api on top of Vega-Lite and Vega, it loads data from a remote CSV file using d3.csv and renders an interactive SVG with a color legend via the `vl.color().fieldN('region')` encoding. The visualization uses a custom config to adjust axis and label styling, a tooltip handler for hover details, and `autosize` fitting to maintain proper dimensions.

PPichayut Liamthong
63% match
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
63% match
Loading thumbnail…

Dataset of High Level Education in Thailand

This example demonstrates the basic contents of a dataset on higher education institutions in Thailand. It displays a large text message summarizing the data file, showing its size in kilobytes, the number of rows, and the number of columns. The code uses D3 version 5.11, specifically the `d3.csv` and `d3.csvFormat` functions, to load and parse the remote CSV file from a GitHub gist before computing and displaying the dataset’s metadata.

PPichayut Liamthong
63% match
Loading thumbnail…

Student count for Each department

A scatter plot presents the average female student count against the average male student count for each department, with color encoding for the major category and tooltips revealing the specific module. Data is loaded from a CSV file via d3.csv. The visualization is built using the vega-lite-api, which layers vega-lite specifications and renders with the vega engine. Circle size is fixed, while axis and style configurations improve readability.

Mmarksampras
63% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes university rankings across multiple countries, cycling through four metrics: Research Environment, Students to Staff Ratio, Research Quality, and Industry Impact. Built with D3 v3, the chart uses distinct SVG symbols (star, square, circle) to represent different data dimensions, with axes updating every two seconds as the metric changes. The visualization leverages a reusable chart pattern, where the scatter plot component is separated into its own module and accepts configurable setters for data binding and scales.

Vvinodreddysagam929@gmail.com
63% 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
63% match
Loading thumbnail…

activity6_question3.1

This scatter plot shows the relationship between the population and GDP of various universities. Each circle represents a university, with its position determined by population (on a logarithmic x-axis) and GDP (on a linear y-axis), and is color-coded by university name. The chart uses a legend to distinguish between universities. The visualization is built with D3 v6, using `d3.scaleLog` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for the axes, loading data from a remote CSV file.

Sshreshikaveerannagari@gmail.com
63% match