VisActor VBI
  • 한국어

      • Funnel

      Basic Funnel

      A funnel chart showing the progressive reduction of data through stages.

      import { VSeedRender } from '@components'

export default () => {
  const vseedConfig = {
  "chartType": "funnel",
  "dataset": [
    {
      "date": "2022",
      "profit": 100,
      "sales": 100
    },
    {
      "date": "2023",
      "profit": 80,
      "sales": 80
    },
    {
      "date": "2020",
      "profit": 60,
      "sales": 60
    },
    {
      "date": "2021",
      "profit": 40,
      "sales": 40
    },
    {
      "date": "2019",
      "profit": 20,
      "sales": 20
    }
  ]
}

  return <VSeedRender vseed={vseedConfig} />
}

      다중 지표 퍼널 차트

      다중 지표 퍼널 차트

      import { VSeedRender } from '@components'

export default () => {
  const vseedConfig = {
  "chartType": "funnel",
  "dataset": [
    {
      "profit": 10,
      "sales": 20,
      "profit1": 0.1
    }
  ],
  "measures": [
    {
      "id": "sales",
      "alias": "매출"
    },
    {
      "id": "profit",
      "alias": "이익"
    },
    {
      "id": "profit1",
      "alias": "수익률"
    }
  ]
}

  return <VSeedRender vseed={vseedConfig} />
}

      복합 퍼널 차트

      복합 퍼널 차트

      import { VSeedRender } from '@components'

export default () => {
  const vseedConfig = {
  "chartType": "funnel",
  "dataset": [
    {
      "date": "2022",
      "profit": 100,
      "sales": 134
    },
    {
      "date": "2023",
      "profit": 80,
      "sales": 90
    },
    {
      "date": "2020",
      "profit": 60,
      "sales": 70
    },
    {
      "date": "2021",
      "profit": 40,
      "sales": 60
    },
    {
      "date": "2019",
      "profit": 20,
      "sales": 30
    }
  ],
  "measures": [
    {
      "id": "sales",
      "alias": "매출",
      "parentId": "left"
    },
    {
      "id": "profit",
      "alias": "이익",
      "parentId": "right"
    }
  ],
  "dimensions": [
    {
      "id": "date",
      "alias": "날짜"
    }
  ]
}

  return <VSeedRender vseed={vseedConfig} />
}

      피벗 복합 퍼널 차트

      피벗 복합 퍼널 차트

      import { VSeedRender } from '@components'

export default () => {
  const vseedConfig = {
  "chartType": "funnel",
  "dimensions": [
    {
      "id": "category",
      "alias": "카테고리"
    },
    {
      "id": "date",
      "alias": "날짜",
      "encoding": "column"
    },
    {
      "id": "region",
      "alias": "지역",
      "encoding": "row"
    }
  ],
  "measures": [
    {
      "id": "sales",
      "alias": "매출",
      "parentId": "group-sales"
    },
    {
      "id": "profit",
      "alias": "이익"
    }
  ],
  "dataset": [
    {
      "date": "2019",
      "region": "east",
      "category": "Grocery",
      "profit": 10,
      "sales": 100
    },
    {
      "date": "2019",
      "region": "east",
      "category": "Beverages",
      "profit": 30,
      "sales": 3200
    },
    {
      "date": "2019",
      "region": "east",
      "category": "Dairy",
      "profit": 30,
      "sales": 300
    },
    {
      "date": "2019",
      "region": "east",
      "category": "Household",
      "profit": 50,
      "sales": 2400
    },
    {
      "date": "2019",
      "region": "east",
      "category": "Personal",
      "profit": 40,
      "sales": 500
    },
    {
      "date": "2019",
      "region": "west",
      "category": "Grocery",
      "profit": 10,
      "sales": 100
    },
    {
      "date": "2019",
      "region": "west",
      "category": "Beverages",
      "profit": 30,
      "sales": 3200
    },
    {
      "date": "2019",
      "region": "west",
      "category": "Dairy",
      "profit": 30,
      "sales": 300
    },
    {
      "date": "2019",
      "region": "west",
      "category": "Household",
      "profit": 50,
      "sales": 2400
    },
    {
      "date": "2019",
      "region": "west",
      "category": "Personal",
      "profit": 40,
      "sales": 500
    },
    {
      "date": "2020",
      "region": "east",
      "category": "Grocery",
      "profit": 10,
      "sales": 100
    },
    {
      "date": "2020",
      "region": "east",
      "category": "Beverages",
      "profit": 30,
      "sales": 3200
    },
    {
      "date": "2020",
      "region": "east",
      "category": "Dairy",
      "profit": 30,
      "sales": 300
    },
    {
      "date": "2020",
      "region": "east",
      "category": "Household",
      "profit": 50,
      "sales": 2400
    },
    {
      "date": "2020",
      "region": "east",
      "category": "Personal",
      "profit": 40,
      "sales": 500
    },
    {
      "date": "2020",
      "region": "west",
      "category": "Grocery",
      "profit": 10,
      "sales": 100
    },
    {
      "date": "2020",
      "region": "west",
      "category": "Beverages",
      "profit": 30,
      "sales": 3200
    },
    {
      "date": "2020",
      "region": "west",
      "category": "Dairy",
      "profit": 30,
      "sales": 300
    },
    {
      "date": "2020",
      "region": "west",
      "category": "Household",
      "profit": 50,
      "sales": 2400
    },
    {
      "date": "2020",
      "region": "west",
      "category": "Personal",
      "profit": 40,
      "sales": 500
    }
  ]
}

  return <VSeedRender vseed={vseedConfig} />
}