Skip to main content
SimilarExport ZIP
100%

VIZPROJECT

✓ Published0🌍 Public
Jjarethodges@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024

This bubble chart shows the correlation between a dog's running speed and bite force, with bubble size representing endurance and color indicating breed. Built with D3 v7, it reads data from a local CSV file and renders an SVG with animated transitions. The chart includes interactive tooltips that appear on mouseover, plus dual legends for bubble size (endurance) and breed color categories.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4_lets_go_last_time

This bubble chart shows the correlation between running speed, bite force, and endurance for ten dog breeds, using the x-axis for speed, y-axis for bite force, and bubble radius for endurance. The chart is rendered with D3 v7 as an SVG, using d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo to assign each breed a distinct color. Hovering over a bubble reveals a breed-specific tooltip positioned with event coordinates. The visualization is created from the `bubblechart.csv` data source, with a legend showing both endurance values and breed colors.

Jjarethodges@gmail.com
87% match
Loading thumbnail…

Fork of Dog Breed Type

This example shows a bar graph displaying the numeric values associated with different dog breed labels. The data is loaded from an external CSV file via `d3.csv` and drawn as SVG rectangles colored steelblue, with bars turning orange on hover. The visualization uses D3 v7 scales (`d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis) to position and size the bars. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the y-axis is labeled “Value” via a rotated text element.

Ggaddamthanmayeereddy759@gmail.com
72% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between a baseball player's batting average, home runs, and RBIs. Each bubble represents a player, with its position determined by average and home runs, while its size and color encode RBIs and player identity, respectively. The visualization uses D3 v7 with SVG rendering and includes an animated tooltip that displays player names on hover. Data is loaded from a local CSV file, and a legend with scale circles helps interpret bubble sizes. The chart also demonstrates local ES6 module imports, highlighting VizHub's capabilities for modular D3 development.

Lleftymadi
71% match
Loading thumbnail…

Manoja Q3

This scatter plot visualizes the relationship between the height and weight of different dog breeds, with each point colored by species using a fixed color mapping. The chart uses D3.js v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a remote CSV, compute scales, and render SVG circles within a full-window canvas. Axis labels are added as rotated SVG text elements, and the point radius is constant at five pixels.

Mmanojapopuri@gmail.com
71% match
Loading thumbnail…

Activity6_Question4

This animated bubble chart visualizes the relationship between runs scored, lifespan, and medals won for ten named players. Each circle’s x-position corresponds to runs, y-position to lifespan, while its radius encodes medals won and its color identifies the player. Built with D3 v7, the chart reads from a local CSV and renders as SVG, featuring interactive tooltips on hover that display the player’s exact stats. A categorical color legend maps each player to a distinct hue, and all axes are labeled with linear scales.

Rrishithagovini99@gmail.com
70% match
Loading thumbnail…

Bubble Chart - Animal Colony

A bubble chart visualizes mouse pedigree data, grouping individual animals by litter into distinct clusters while using color to differentiate each group. The size of each circle represents the animal's size, and labels show mouse IDs. The visualization uses D3.js version 3’s force-directed layout (`d3.layout.force`), with custom clustering and collision detection logic to separate nodes by group and prevent overlap. Data is loaded from a local CSV file and rendered as SVG circles and text.

PPragyagarg
70% match
Loading thumbnail…

Fork of Fork of Piechart ICE7

This pie chart visualizes female dog height data by breed for 2007, fetched from a remote CSV file. Using D3.js v5, it renders an SVG pie chart where each slice represents a breed, with the arc length proportional to the breed's height in inches. The example employs D3 APIs like `pie`, `arc`, `scaleOrdinal`, and `arcGenerator.centroid` for segment placement and labeling, with a legend displaying breed names and values.

Ssamithareddy9@gmail.com
70% match
Loading thumbnail…

Family Tree of a Dog

This interactive family tree visualizes the hierarchical classification of dog breeds, using a JSON data structure to define nested categories like Retrievers and Hounds. Built with D3 v3 within a React framework, the SVG rendering uses `d3.layout.tree()` to position nodes and links, with collapsible behavior triggered by clicks. Each node is color-coded by type and includes a tooltip with breed details, while the chart supports zooming and panning via `d3.behavior.zoom`. Animations smoothly transition nodes during updates, and the entire tree is dynamically sized based on its depth and breadth.

VVamsi Krishna
70% match