Skip to main content
SimilarExport ZIP
100%

University Analysis

✓ Published0🌍 Public
JJerlineJJ
Last edited Apr 17, 2022
Created on Mar 6, 2022
Forked from HTML Starter

This visualization presents a static analysis of university-related data through a compact SVG graphic. The code embeds an image and renders the graphic using raw SVG paths, with no interactive elements or dynamic data processing. Built with React and JavaScript, it relies on SVG's native shape-drawing capabilities rather than external visualization libraries. The graphic appears to be a word cloud or similar text-based representation, though the specific data source is not visible in the provided files. The rendering approach is straightforward, using predefined path data to display the visual content.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Rdar Chart Backup

This radar chart compares universities across four metrics—Community, Self-expression, Discovery, and Agency—based on peer institution data. The visualization uses a square layout with linear scales for each axis, rendering each university as a closed path. Interactivity includes a clickable legend that toggles visibility, mouseover highlighting that emphasizes a selected institution, and a D3.js color scheme. The chart leverages d3.scaleLinear, d3.line for path generation, and d3.axisLeft/axisBottom for axes, with data loaded from a CSV file.

Kkratikashetty1102@gmail.com
71% match
Loading thumbnail…

Scatter Plot of US TOP 150 Universities

The visualization is a scatter plot of the top 150 US universities, showing the relationship between rank on the x-axis and acceptance rate percentage on the y-axis. Circle size encodes the annual price divided by 1000. The plot uses React for component composition and d3.v5 for scale construction and CSV data loading from a GitHub gist. SVG rendering includes custom axis components and marks, with interactive-free static display of the dataset.

GGeniXiong
71% match
Loading thumbnail…

SVG

This example shows student marks for individual modules, filtered by student ID through a dropdown menu. It presents a bar chart of marks per module for the selected student, with an animated update when the selection changes. The code uses D3 v5 to load the data with `d3.json`, binds the data to SVG rectangles, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The x and y scales are created with `d3.scaleBand` and `d3.scaleLinear`, respectively. The visualization is a React project but uses vanilla JavaScript and SVG rendering for the chart.

SSurajRepo
70% 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
70% match
Loading thumbnail…

Data visualization

This example visualizes a dataset of match statistics, using a static SVG illustration that represents the data with a decorative, single-line chart and various abstract shapes. The visualization is built with the D3 v7 library and is implemented within a React framework. The code loads the data from a CSV file and uses SVG elements for the static rendering, though the image also utilizes a patterned WebGL-based background to enhance the visual presentation.

Aajaysonu
70% match
Loading thumbnail…

Untitled

This example presents a bar chart of average marks for university modules, with each bar representing a module code. The chart uses D3 v4 within a React framework to render SVG elements. Bars animate in sequentially using a transition with linear easing, and hovering over a bar triggers a mouseover event that highlights it in green, expands its width, and displays its average mark as a label. A mouseout event restores the bar’s original style and removes the label. The data comes from a CSV file containing module codes, student counts, and average marks.

VVishwas2629
70% match
Loading thumbnail…

Filterable Cocktail Ingredient Bar Chart

This interactive bar chart displays the top 50 university modules by student enrollment, filtered by academic department. A React dropdown menu lets users select a department (such as CSIS, CAM, or GAV), which dynamically updates the chart’s data through d3.nest() aggregation. The visualization uses d3.scaleBand for the vertical module codes and d3.scaleLinear for horizontal counts, rendered as SVG rectangles with native tooltips. Data loads from a CSV via d3.csv, with axes generated by custom React components.

WW9183907
69% match
Loading thumbnail…

XY DV

This interactive visualization displays university course admission data as a zoomable partition layout, or sunburst diagram. Users filter courses by selecting their entry qualification type—JC, Poly, or Others—and specifying a cutoff point or work experience, which dynamically redraws the diagram to show only matching programs. The visualization is built with D3.js v3, using `d3.layout.partition`, `d3.svg.arc`, and SVG rendering with animations. Data is loaded from a JSON file containing details like course fees, intake size, and interview requirements.

AArizonaTay
69% match