Skip to main content
SimilarExport ZIP
100%

Power Levels (Scaled Down) of god-level characters from the movie - Dragon Ball Z : Battle of Gods.

✓ Published1🌍 Public
Llokesh234
Last edited Sep 24, 2020
Created on Sep 16, 2020

This visualization displays the scaled-down power levels of god-level characters from the movie *Dragon Ball Z: Battle of Gods*, plotting each character’s power level as a red dot on a categorical x-axis against a quantitative y-axis. The underlying data is filtered from the “DragonBallData” dataset, keeping only values above one trillion and dividing them by 10,000 for readability, then limiting to the first 15 entries. The chart is built using vega-lite-api with `vl.markCircle`, `vl.x().fieldO()`, and `vl.y().fieldQ()`, while `getData.js` loads and processes the CSV via `d3.csv` and the `d3` import.

AI-generated description

This visualization allows to us to see the power levels (Scaled Down) of god-level characters from the movie - Dragon Ball Z : Battle of Gods. This is the 'DragonBallData' dataset. Published at Dragon Ball Data-Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Marvel Charts

Two interactive Marvel character visualizations display the relationship between a hero's attributes—Strength, Intelligence, Speed, Durability, Power, and Combat—and their total power score. A Voronoi-overlaid scatterplot, built with d3.Delaunay and SVG animations, plots characters by selected attributes while a draggable menu changes the axes. A companion radar chart, using d3.scaleLinear and transition, overlays a second character's profile in dashed strokes for comparison. Tooltips reveal character names on hover, sourced from a CSV of 257 characters.

LLeah Mitchell
57% match
Loading thumbnail…

Marvel Charts

This interactive visualization compares Marvel characters across six power attributes using a linked scatterplot and radar chart. Users select characters from dropdown menus to highlight their position in the scatterplot, sized by total power score, and display their radar profile alongside a second comparison character. The scatterplot uses d3.Delaunay for voronoi-based tooltips, while radar charts are built with d3.radialLine and transitions. Data comes from a CSV of Marvel character statistics, with SVG rendering and animation throughout.

Ttiffycshsf
57% match
Loading thumbnail…

Fork of Character Radar Chart

This radar chart visualizes the attributes of the Marvel character Loki, including strength, intelligence, speed, durability, power, and combat, using data from a CSV file. The chart uses d3.scaleOrdinal for color and d3.csv to load and parse the data, while a custom RadarChart function draws the SVG polygon with circular grid lines. The visualization is built with D3 v5 and renders a static, single-character comparison, with a fixed character selection and no interactive menu functionality based on the provided code.

AAndrew Petit
55% match
Loading thumbnail…

Generation-1 Legendary Pokemon HP Bar Chart

This bar chart displays the hit point (HP) values of Generation-1 legendary Pokémon, with each bar’s length proportional to HP and Pokémon names listed along the y-axis. Using D3 v6, the code loads data from a CSV, filters for legendary Pokémon from generation 1, and converts HP strings to numbers. It employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` to render the axes as SVG elements. The chart visually compares the relative health stats of these creatures.

AAnush Kini
55% match
Loading thumbnail…

Powers Donut Graph

This donut chart displays the proportion of Marvel characters categorized as good, bad, or neutral based on their alignment. The code loads character and power column data via `d3.csv`, counts alignments, and renders an SVG donut using `d3.pie` and `d3.arc`. A dropdown menu populated from `columns.csv` lets users select a categorical power, though the selection currently only logs to the console. Hovering an arc turns it black.

LLeah Mitchell
54% match
Loading thumbnail…

Title

A bar chart displays the relative rank of nine characters from the movie Suicide Squad, with each orange bar labeled by character name and scaled against a linear axis from zero to 100. The visualization uses D3 v5 to load data from a JSON file and render the SVG output. Mouseover events trigger a tooltip that shows the character's name and rank. The chart employs d3.scaleBand for the categorical x-axis, d3.scaleLinear for the quantitative y-axis, and d3.axisBottom with d3.axisLeft for the axes.

LLonwabo11
54% match
Loading thumbnail…

Powers Scatterplot with Veroni (Character Show Me)

A scatterplot of Marvel character attributes uses Voronoi tessellation for interactive hover targeting. Users select X and Y axes from six power metrics (Strength, Intelligence, Speed, Durability, Power, Combat) via dropdown menus, while a character selector highlights a specific hero in yellow with full opacity. Points are sized by each character’s Total stat, colored by alignment (green for good, dark red for bad, grey for neutral), and animated with `transition.attr` for radius growth and position changes. The code uses d3-scale, d3-axis, d3-transition, and d3.Delaunay to compute the Voronoi cells for tooltip display. Data comes from a CSV of Marvel characters.

LLeah Mitchell
54% match
Loading thumbnail…

marks

This visualization displays a horizontal bar chart of the top 20 anime entries, with blue bars representing each anime’s GDP value. The chart uses React to manage state and render SVG elements, while D3’s `scaleBand` and `scaleLinear` map categorical ratings and numerical values to pixel positions. Data is loaded asynchronously from a CSV file via `d3.csv`, and axes are manually constructed with tick marks and labels using D3’s scale methods. The code relies on React hooks like `useState` and `useEffect` to fetch and update the dataset, with all SVG marks generated declaratively within the JSX structure.

Nnagarjuna1968
54% match