Skip to main content
SimilarExport ZIP
100%

Fork of Student count for Each department

✓ Published2🌍 Public
NNarayana Reddy
Last edited Mar 22, 2021
Created on Mar 22, 2021

This scatter plot visualizes the relationship between the number of female and male students across academic departments, with each circle representing a department and color encoding its major category. The visualization uses data loaded from a CSV file via D3’s `csv` function, and is rendered with the Vega-Lite API, which registers with Vega and Vega-Lite to create an SVG output. Tooltips are enabled through the vega-tooltip handler, while the chart’s axes and labels are styled using a custom configuration object. The plot is displayed full-screen with automatic resizing to fit the viewport.

AI-generated description

A scatter plot for New York Airbnb dataset using the vega-lite-api.

This visualization is designed to show the average price for different type of rooms in different neighbourhood of New York Area.

Each circle represents one type of room in a neighbourhood. The size of a circle represents the average number of review.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Student count for Each department

This scatter plot visualizes the relationship between the number of female and male students in different academic departments, using data from a CSV file accessed via a URL. Each circle represents a department, with its position determined by the female and male student counts, while the color encodes the major category and a tooltip reveals the department name. The visualization is built using the Vega-Lite API, with data loading handled by D3's `csv` function, and features custom styling for the axes and labels. The chart is rendered as an SVG that fits the full browser window.

NNarayana Reddy
97% match
Loading thumbnail…

Fork of Fork of Student count for Each department

This scatter plot displays the relationship between Female and Male student counts across different departments, with each point representing a department and its major category encoded by color. The data is loaded from a CSV file using D3’s `csv` function, and the visualization is rendered with the Vega-Lite API, configured via `vl.markCircle` for size, `vl.x` and `vl.y` for quantitative axes, and `vl.color` for categorical grouping. Tooltips show the module name, and the chart auto-fits the window using Vega-Lite’s `autosize` method.

NNarayana Reddy
97% match
Loading thumbnail…

Fork of Fork of Student count for Each department

This scatter plot visualizes the relationship between female and male student counts across academic departments, with each point colored by major category and tooltips revealing the specific module name. The visualization uses the Vega-Lite API with D3.js to load CSV data from a GitHub repository, and renders the chart as an SVG. Circle size is fixed rather than data-driven, and the plot employs a custom dark-themed configuration for axis styling and label readability.

NNarayana Reddy
96% match
Loading thumbnail…

Fork of Fork of Fork of Student count for Each department1

This scatter plot visualizes student counts across departments by plotting Female counts on the x-axis and Male counts on the y-axis, with color encoding for Major_category and tooltips for Module. The visualization loads data from a remote CSV using d3.csv and renders through the vega-lite-api library, which registers with vega and vega-lite. Circle marks are configured with a fixed size of 150, and the chart fills the browser window using the width and height properties. The data source is fetched from a GitHub-hosted final3.csv file, and the visualization includes custom axis styling and grey-tinted titles from the config object.

NNarayana Reddy
94% match
Loading thumbnail…

Student count for Each department

A scatter plot shows the relationship between female and male student counts across academic departments, with each circle colored by major category and a tooltip revealing the module name. The visualization uses the vega-lite-api library to define the chart specification, loading data from a CSV file via d3.csv. It renders through vega-lite and vega, with a custom dark-themed configuration for axes and labels. The circle size is fixed rather than encoding a third variable, and the chart fills the browser window.

KKeerthiKandadai
92% 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
92% match
Loading thumbnail…

Student count for Each department

This visualization shows the total number of students for each department using colored circles plotted on a scatter plot, with the department names on the y-axis and student counts on the x-axis. Each circle’s color encodes the department, while tooltips reveal the exact student count on hover. The data is loaded from a remote CSV file using `d3.csv` within the `getData.js` module, and the chart is rendered with the vega-lite-api library, which wraps Vega-Lite specifications. The visualization automatically fits its canvas to the full browser window using the `autosize` configuration.

KKeerthiKandadai
87% match
Loading thumbnail…

Fork of Fork of scatter plot

This scatter plot visualizes the relationship between math and science scores for 50+ students, with each dot colored by academic department. It uses d3.csv to load the dataset, d3.scaleLinear for x and y axes, and d3.scaleOrdinal with d3.schemeSet2 for color encoding. Interactive tooltips appear on hover via appended title elements, while a manually constructed SVG legend identifies department categories. The visualization employs d3.axisBottom and d3.axisLeft to render axes, with SVG circles serving as the primary glyphs.

Ssainishanthreddyk@gmail.com
80% match