Buma UI - DocumentationBuma UI - Documentation
Get Started
Foundations
Components
Resources
Patterns
Data Visualization
Back to BSpace
Get Started
Foundations
Components
Resources
Patterns
Data Visualization
  • stacksFoundations
    • 💡 Overview
    • Color
    • Principle
    • Typography
  • brickComponents
    • 💡 Overview
    • Accordion
    • Alert
    • Avatar
    • Badge
    • Bottom Sheet
    • Bread Crumb
    • Button
    • Button Link
    • Button Navigation
    • Calendar
    • Card
    • Chat
    • Checkbox
    • Chips
    • Choice Tile
    • Comment
    • Date Picker
    • Divider
    • Download
    • Drawer
    • Dropdown
    • Empty State
    • Floating Button
    • Form Input
    • Header
    • Hint
    • Icon
    • List Choice
    • Loading
    • Modal
    • Navigation Bar
    • Notification
    • Pagination
    • Progress Bar
    • Radio Button
    • Search
    • Scrolling Bar
    • Segmented Switch
    • Side Menu
    • Side Tab
    • Slider
    • Switch
    • Tab
    • Table
    • Text Area
    • Text Input
    • Time Picker
    • Title
    • Toast
    • Tooltip
    • Wizzard
  • splitscreenPattern
    • 💡 Overview
    • Filter
      upcoming
    • Form
      upcoming
    • Notification
    • PWA
      upcoming
    • table
      upcoming
    • Upload Download
      upcoming
  • insert_chartData Visualization
    • 💡 Overview
    • Tiering
    • Pattern
    • Chart and Graph
      • Chart Selection Guide
      • Map Selector
      • Donut Chart
      • Donut Progress Bar Chart
      • Spider Chart
      • Line Chart
      • Chart Area
      • Speedometer
      • Heat Map
      • Scatter Plot
      • Pie Chart
      • Bar Chart
      • Waterfall Chart
      • Sunburst Chart
      • Tree Decomposition Chart
      • Scorecards
      • Table
      • Micro Visualization
    • Typography
    • Color Palette
  • data_objectTokens
    upcoming
  • inventory_2Resources
    • 💡 Overview
    • Mobile
      new
      • 💡 Introduction
      • Installation
      • General
        • Important Rules
        • Naming Convention
        • Clean Architecture
    • Web
      upcoming

Spider Chart

Anatomy

 Text on a chart refers to any written information or labels included in a chart to provide context, describe data, or improve the readability and understanding of the visualization.
 Is a type of chart used to represent multivariate data. It is displayed as a web-like or spider-web shape where data points are plotted along multiple axes radiating out from a central point.
 Refers to the starting value of the scale used to plot data along the chart’s axes. This number determines the point from which data begins to be plotted on each axis.
 A line connecting points on a chart. that represent data value
Guidelines for Spider Charts
  • The minimum number of data points is 3 metrics, and the maximum number of data points is 10 metrics."​
  • The Maximum number of Layers is 5 layers
  • The Maximum number of characters is 15 characters per label​
Example of Source Data

When to Use a Spider Chart?
  • Compares several variables in various categories.
  • Shows skill levels in various categories.​
  • Identifying strengths and weaknesses in a dataset.​
  • Displaying data with more than two dimensions.​
arrow_back
Previous Donut Progress Bar Chart
Next Line Chart
arrow_forward