Skip to main content
SimilarExport ZIP
100%

Project 7 - Ted Sharygin and Will Mielke

✓ Published0🌍 Public
FFedor Sharygin
Last edited Apr 10, 2021
Created on Apr 7, 2021

This dashboard displays code analysis of the VVVVVV and Overshadow codebases, featuring interactive bar charts that show the number of switch cases at each line location within selected source files. Users can choose files via dropdown menus to compare the two projects, distinguished by blue and pink coloring. Additional bar charts visualize memory usage by component and CPU usage percentages using D3. The interactive filtering, implemented with D3 select elements and transition functions, allows users to dynamically explore the data across different files.

AI-generated description

A dashboard that consists of some graphs made to visualize aspects about the VVVVVV desktop version(https://github.com/TerryCavanagh/VVVVVV) and Overshadow (https://store.steampowered.com/app/1333840/Overshadow/) codebases.

The first two graphs represent the amount of switch cases in each file for each code base. Files with 0 switch case statements were omittied. VVVVVV is the blue bar graph and the pink graph is Overshadow.

MIT Licensed

Similar vizzes

Loading thumbnail…

VCT 2023

This interactive dashboard explores statistics from VCT 2023, offering dropdown menus to switch between viewing data aggregated by agent, map, or player. It displays scatterplots of selected attributes like KD ratio, pick rate, and headshot percentage, alongside bar charts and a pie chart for win rate. Built with D3 v4, the visualization uses dynamic SVG rendering, transitions, and tooltips to show detailed values upon hover. The code demonstrates importing D3 modules for scales, axes, and dropdown menus, plus custom ES6 modules for scatterplots and menu handling.

Ddaniel
68% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive dashboard displays sports statistics from a CSV file, offering four switchable D3 v7 visualizations. A scatter plot compares athletes' goals or points against their assists, color-coded by sport, while a pie chart shows the proportional share of players per sport. Line and area charts plot matches played against goals or points, with the area chart filling the space beneath the line. All charts are rendered as SVG and include interactive tooltips on data points, using d3.csv for data loading and d3.rollups for aggregation.

Ssandyman2109@gmail.com
66% match
Loading thumbnail…

Fork of Fork of Fork of Cool graphics

This visualization gallery displays multiple D3.js v7 charts analyzing GitHub contributor data and crime statistics. The main visualization is a network graph showing author-repository collaboration patterns, with nodes positioned around a decorative Buddha path and animated meditation circles using SVG. The interconnected charts include bar charts for commit counts by author and repository, a stacked bar chart for missing children demographics, and various crime rate visualizations. The implementation uses D3's zoom behavior for panning/zooming, tooltips for hover details, and scaleOrdinal for color encoding across different datasets.

NNita
66% match
Loading thumbnail…

Fault Localization 8 update

Three horizontally aligned bar charts display the top 25 suspicious code lines from Apache Commons Lang, each chart ranking the same items by a different metric: suspiciousness in red, recency in orange, and line complexity in steel blue. The code uses d3.csv to load the data and d3.scaleBand with d3.scaleLinear to render SVG rectangles for each metric. Three colored buttons trigger a re-sorting of all charts simultaneously using d3.select and the sort method, demonstrating an interactive update pattern across synchronized views.

KKanagaraj-NN
66% match
Loading thumbnail…

Fork of index(11823810).html

This example presents an interactive data visualization dashboard for exploring CSV datasets. It loads user-selected data, summarizes key statistics on-page, and renders the values as interactive SVG bar charts with tooltips and clickable elements. Built with D3 v7, the visualization uses standard D3 selection and scaling APIs to map data to graphical marks. The interface also provides controls for data loading and styling, with all chart elements rendered as animated SVG within a responsive layout.

Eeeshani.boyapati@gmail.com
66% match
Loading thumbnail…

Fork of HTML Starter

This interactive scatterplot visualizes hours played versus rating for video games, with each point representing a game and color-coded by genre. A summary panel displays dataset statistics, while five version buttons allow switching between different mark and channel configurations. The visualization uses D3 v7 with SVG rendering, loading CSV data from a gist, and implements linear scales, axes, and interactive UI controls to explore the data.

SSri Sruthi Khyathi Boggaram
66% match
Loading thumbnail…

preprocess

This interactive dashboard visualizes Valorant player statistics with a bar chart and animated scatter plot. Users can switch the bar chart metric and select X/Y axes for the scatter plot via dropdown menus built with D3 selections and a custom ES6 module. The bar chart uses d3.scaleLinear and d3.scaleBand to display agent comparisons, while the scatter plot uses d3.scaleLinear domains, d3.axisBottom, d3.axisLeft, and transition delays for animated circles. Data is loaded from CSV files using d3.csv, with SVG rendering.

Ddaniel
66% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This visualization gallery page presents a health dashboard exploring how diet, cardiovascular health, and sleep influence each other. It uses D3.js v7 and links to multiple Tableau Public dashboards and VizHub-hosted D3 visualizations. The page displays project buttons that route to external scatter plots, line charts, and dashboards, with a bubble-chart-style backdrop. The code sets up core D3 modules via package.json and uses CSS flexbox, backdrop filters, and hover transitions to organize the gallery layout. The visualization itself is a curated collection of health-tracking charts focused on the three-way relationship between lifestyle factors.

Bboinapallyhimaja657@gmail.com
65% match