chartletv0.21.0chartlet.casoon.de

← All examples

Effects of an evening without a phone

Five effects as horizontal bars, colored by group: benefit and harm, each with a legend entry. The groups are not series — every category has one bar, one value and one group, and the data table says which. Illustrative values.

Effects of an evening without a phone

examples/benefit-and-harm.json
{
  "schemaVersion": 1,
  "type": "bar",
  "orientation": "horizontal",
  "title": "Effects of an evening without a phone",
  "source": "Illustrative values",
  "width": 720,
  "height": 340,
  "showValues": true,
  "valueAxis": {
    "title": "Effect on a scale of 0 to 5"
  },
  "data": [
    {
      "label": "Sleep quality",
      "value": 4.5,
      "group": "Benefit"
    },
    {
      "label": "Concentration",
      "value": 3.5,
      "group": "Benefit"
    },
    {
      "label": "Conversation",
      "value": 3,
      "group": "Benefit"
    },
    {
      "label": "Missed messages",
      "value": 2,
      "group": "Harm"
    },
    {
      "label": "Less access to news",
      "value": 1.5,
      "group": "Harm"
    }
  ]
}
Effects of an evening without a phone
Effects of an evening without a phoneBar chart with 5 categories. Highest: 4.5 (Sleep quality). Lowest: 1.5 (Less access to news). Colors show groups: Benefit: Sleep quality, Concentration, Conversation; Harm: Missed messages, Less access to news.012345Effect on a scale of 0 to 5BenefitHarmSleep quality – Benefit: 4.54.5Sleep qualityConcentration – Benefit: 3.53.5ConcentrationConversation – Benefit: 33ConversationMissed messages – Harm: 22Missed messagesLess access to news – Harm: 1.51.5Less access to news

Source: Illustrative values

Show chart data
Data for Effects of an evening without a phone
CategoryValueGroup
Sleep quality4.5Benefit
Concentration3.5Benefit
Conversation3Benefit
Missed messages2Harm
Less access to news1.5Harm
  • Bar chart (groups)
  • Set two kinds of effect apart