Using Victory Chart

Victory Charts Sample.yaml

datasets:
- uuid: pop
  url: /datasets/population.json
pages:
- components:
    - html: Countries Population
      properties:
        font-size: xx-large
        margin-bottom: 100px
    - settings:
        type: EXTERNAL_COMPONENT
        external_component_id: victory-charts
        external:
            width: "100%"
            height: "400px"
        columns:
            - id: 2020 Population
              pattern: '#'
        victory-charts:
            paddingBottom: '80'
            paddingLeft: '-50'
            chartType: "bar"
            fixLabelsOverlap: "true"
            themeColor: green
        dataSetLookup:
          uuid: pop
          rowCount: 10
          group:
            - columnGroup:
                source: Name
              groupFunctions:
                - source: Name
                - source: 2020 Population
                - source: 2021 Population