Skip to main content
SimilarExport ZIP
100%

Title

✓ Published0🌍 Public
LLonwabo11
Last edited Aug 7, 2019
Created on Aug 7, 2019
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

bar chart

This bar chart displays the ranks of characters from the Suicide Squad cast, with each character’s name on the x-axis and their rank value on the y-axis. The visualization uses d3.scaleBand and d3.scaleLinear to position the orange rectangles, while d3.axisBottom and d3.axisLeft render the axes. Data loads from a local JSON file via d3.json, and the SVG output includes a title and margin-based layout.

LLonwabo11
92% match
Loading thumbnail…

bar chart

A bar chart displays the Suicide Squad cast members ranked by a numerical score, with character names on the x-axis and their rank values on the y-axis, using orange rectangles. The example loads data from a local JSON file, which includes names, actors, ranks, and descriptions, and renders it as an SVG using D3 v5. It employs `d3.scaleBand` for the categorical axis, `d3.scaleLinear` for the continuous axis, and `d3.axisBottom`/`d3.axisLeft` to generate ticks. The chart includes a title, margins, and axes, with data fetched via `d3.json`.

LLonwabo11
90% match
Loading thumbnail…

MarvelVsDC Bar Chart

This bar chart compares Marvel and DC movies by their IMDB ratings, displaying each film title along the vertical axis and its rating as a horizontal bar. The visualization uses D3 v5 within a React framework, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Axes are generated with `axisLeft` and `axisBottom`, while the chart is rendered as SVG elements. The data is loaded from a CSV file via `d3.csv`, with rating values parsed to numbers before rendering.

Hhappymail6
73% match
Loading thumbnail…

act8_task2

This horizontal stacked bar chart visualizes the proportional distribution of movie ratings across genres, with each bar divided into colored segments for action, comedy, drama, thriller, and horror. Built with D3 v7 and rendered as SVG, the chart uses d3.stack(), d3.scaleBand(), and d3.scaleLinear() to position segments, while d3.axisBottom with gridlines and custom tooltips display exact percentages on hover. Data comes from a static CSV file loaded locally.

Rravularasesh3102@gmail.com
73% match
Loading thumbnail…

Activity6_Q2(3)

This stacked bar chart shows how movie ratings are distributed across six genres, with each bar representing the percentage of films falling into rating levels from “Below 5.0” to “Above 8.5.” The visualization uses d3.stack and d3.scaleBand to structure the data, while d3.scaleOrdinal assigns colors from d3.schemeCategory10. Hovering over a bar segment triggers a tooltip displaying the exact percentage via d3.select and style opacity changes. The data comes from movie.csv, rendered as SVG elements with axes and labels styled through external CSS.

Ppmanoj13053@gmail.com
73% match
Loading thumbnail…

Marvel

A horizontal bar chart ranks superhero movies by audience rating, with each bar labeled by film title. The visualization compares Marvel and DC films, showing higher-rated titles like *The Dark Knight* and *Avengers: Endgame* extending further right. Built with D3 v7, it loads CSV data, maps ratings to a linear scale, and uses a band scale for movie titles. SVG rectangles render the bars, while D3’s axis functions add labeled scales for rating and title.

Hhappymail6
73% match
Loading thumbnail…

act8_task2

This visualization presents a horizontal stacked bar chart showing the distribution of movie ratings across six genres, from Documentary to Action. The chart uses D3.js v5 with SVG rendering, employing a band scale for genres and a linear scale for percentage values. Interactive tooltips display exact percentages on hover. The code demonstrates D3's stack, scaleOrdinal, and axisBottom APIs, along with custom styling via the Yanone Kaffeesatz font.

Rravularasesh3102@gmail.com
72% match
Loading thumbnail…

Fork of MarvelVsDC Bar Chart

This horizontal bar chart compares revenue figures for Marvel and DC movies, ranking titles by their dollar value. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical y-axis spacing, and `d3.axisBottom` with a custom tick formatter that abbreviates large numbers. Data is loaded from a CSV file via `d3.csv`, with numeric conversion applied to the rate field. The chart demonstrates custom axis styling, including removal of domain lines and addition of axis labels.

Hhappymail6
72% match