Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Nnorre27
Last edited Nov 28, 2022
Created on Nov 28, 2022
Forked from HTML Starter

This example shows a radar chart comparing five artists across five music genres, including hip hop, electronic, Latin pop, pop, and rock. The visualization overlays multiple colored polygon areas, one per artist, using distinct fills and strokes. The code uses the `RadarChart.chart()` API from the radar-chart library, built on D3 v3, to render the SVG. A `randomDataset()` function generates randomized values for each artist’s genre axes, and the chart is configured with custom colors and a radius of 3.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization presents a radar chart comparing five artists across five music genres, with each artist represented as a distinct colored polygon. The chart uses D3 v3 to render the radar chart as SVG, with data defined in JavaScript. The visualization also includes a random dataset function and a focus mode for interactive exploration.

Nnorre27
92% match
Loading thumbnail…

Untitled

A radar chart visualizes the music genre preferences of five artists across five axes—hip hop/R&B, electronic/dance, Latin pop, pop, and rock—using the `RadarChart.chart()` API from the d3.v3 library. The SVG rendering animates with a randomized dataset generated by `randomDataset()`, which revalues each artist’s genre scores. Custom CSS classes—such as `.Joachim_Garraud` and `.Kobe`—assign distinct fill colors to each artist’s polygon, while the chart’s tooltip feature displays axis values on hover.

Nnorre27
91% match
Loading thumbnail…

Untitled

A radar chart compares five music artists across five genre axes: HIP HOP/RAP/RNB, ELECTRONIC/DANCE, LATIN POP, POP, and ROCK. Four artists share identical values, while Kobe stands out with higher ratings on ELECTRONIC/DANCE and POP. The visualization uses D3.js v3 and the `RadarChart.chart()` API to render distinct colored SVG areas for each artist, with the `randomDataset()` function mapping data to axis values. Each artist is identified by a unique class name for styling, and the chart supports focus highlighting via the `.focused` class.

Nnorre27
90% match
Loading thumbnail…

Fork of Card D3

This visualization displays a radar chart comparing music artists across five genre axes: hip hop/rap/R&B, electronic/dance, Latin pop, pop, and rock. Each artist is represented by a colored polygon showing their genre affinity values. The chart uses D3 v4 within a React framework, rendering SVG elements with animated transitions between levels. Tooltips appear on hover to show artist names and values.

AAnissa Belkelfa
83% match
Loading thumbnail…

Radar chart

A radar chart displays multiple series of data as colored polygons overlaid on a circular grid of axes, with each axis representing a category. Values are scaled relative to the dataset’s maximum, and percentage labels mark the grid levels. The code uses D3 v3 to build the SVG, calculating polygon points from trigonometric functions and animating fill opacity on mouseover. Grid lines, axis labels, and legends are drawn with `d3.select` and `append`, while color is assigned via `d3.scale.category10()`.

MMohamedZaki
78% match
Loading thumbnail…

test

This example presents a radar chart comparing five data points across 19 labeled features, with each point rendered as a semi-transparent polygon overlaid on a shared circular grid. The visualization uses D3 v5 within a React framework, leveraging `d3.scaleLinear` for radial scaling and `d3.line` to generate path coordinates from the CSV data. Hover interactions trigger transitions that highlight a selected polygon while dimming others, and the legend identifies each series by ID.

Kkkwyoung
78% match
Loading thumbnail…

Radar chart

A radar chart displays multivariate data as a polygonal series overlaid on concentric circular gridlines and radiating axes. Multiple data series appear as distinct filled polygons, with hover interactions that dim other areas to highlight the selected series. The visualization is built with D3 v3, rendering SVG elements like lines, polygons, and text. Axis labels and grid values are positioned using trigonometric calculations, while the data is sourced from the gist’s embedded dataset and animated transitions respond to mouse events.

MMohamedZaki
77% match
Loading thumbnail…

Radar chart

A radar chart compares multiple quantitative variables on axes radiating from a common center. The code uses D3 v3 with SVG rendering and animation to plot one or more data series as filled polygons, with hover states that adjust fill opacity. Axis labels and percentage level markers are drawn using D3’s selection and append methods, while `d3.scale.category10` handles color encoding. The dataset is supplied inline, and the chart is rebuilt dynamically through a custom `RadarChart.draw` function.

MMohamedZaki
77% match