#Dimensions
#Dimensi Kolom
Dimensi Kolom
import { VSeedRender } from '@components'
export default () => {
const vseedConfig = {
"chartType": "columnParallel",
"dimensions": [
{
"id": "category",
"alias": "Kategori"
},
{
"id": "date",
"alias": "Tanggal",
"encoding": "column"
},
{
"id": "region",
"alias": "Wilayah",
"encoding": "column"
}
],
"measures": [
{
"id": "profit",
"alias": "Laba"
}
],
"dataset": [
{
"date": "2019",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2019",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "west",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "west",
"category": "Personal",
"profit": 40
}
]
}
return <VSeedRender vseed={vseedConfig} />
}#Dimensi Standar
Dimensi Standar
import { VSeedRender } from '@components'
export default () => {
const vseedConfig = {
"chartType": "columnParallel",
"dimensions": [
{
"id": "category",
"alias": "Kategori"
},
{
"id": "date",
"alias": "Tanggal"
},
{
"id": "region",
"alias": "Wilayah"
}
],
"measures": [
{
"id": "profit",
"alias": "Laba"
}
],
"dataset": [
{
"date": "2019",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2019",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "west",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "west",
"category": "Personal",
"profit": 40
}
]
}
return <VSeedRender vseed={vseedConfig} />
}#Dimensi Baris
Dimensi Baris
import { VSeedRender } from '@components'
export default () => {
const vseedConfig = {
"chartType": "columnParallel",
"dimensions": [
{
"id": "category",
"alias": "Kategori"
},
{
"id": "date",
"alias": "Tanggal",
"encoding": "row"
},
{
"id": "region",
"alias": "Wilayah",
"encoding": "row"
}
],
"measures": [
{
"id": "profit",
"alias": "Laba"
}
],
"dataset": [
{
"date": "2019",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2019",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "west",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "west",
"category": "Personal",
"profit": 40
}
]
}
return <VSeedRender vseed={vseedConfig} />
}#Dimensi Pivot
Dimensi Pivot
import { VSeedRender } from '@components'
export default () => {
const vseedConfig = {
"chartType": "columnParallel",
"dimensions": [
{
"id": "category",
"alias": "Kategori"
},
{
"id": "date",
"alias": "Tanggal",
"encoding": "column"
},
{
"id": "region",
"alias": "Wilayah",
"encoding": "row"
}
],
"measures": [
{
"id": "profit",
"alias": "Laba"
}
],
"dataset": [
{
"date": "2019",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2019",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2019",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2019",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2019",
"region": "west",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "east",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "east",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "east",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "east",
"category": "Personal",
"profit": 40
},
{
"date": "2020",
"region": "west",
"category": "Grocery",
"profit": 10
},
{
"date": "2020",
"region": "west",
"category": "Beverages",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Dairy",
"profit": 30
},
{
"date": "2020",
"region": "west",
"category": "Household",
"profit": 50
},
{
"date": "2020",
"region": "west",
"category": "Personal",
"profit": 40
}
]
}
return <VSeedRender vseed={vseedConfig} />
}