Qdt-components - Embed Single Object (Capability API)Qdt-components - Embed Objects from 2 different Apps (Capability API)Qdt-components - Create a Session Object chart (Capability API)Qdt-components - Create a TableQdt-components - Filters and Selections ToolbarQdt-components - Creating a MapQdt-components - Map with 3D barsQdt-components - Use the SequencerQdt-components - Create KPIsQdt-components - Horizontal BarchartQdt-components - Line chartQdt-components - Combo ChartQdt-components - Scatterplot with imagesQdt-components - PiechartQdt-components - Stacked BarchartQdt-components - Range AreachartQdt-components - Grouped BarchartQdt-components - MerimekkoQdt-components - TreemapQdt-components - custom chart
Qdt-components - Scatterplot
{
const { qdtCompose, QdtSelections, QdtPicasso, useScatterPlotSettings } = QdtComponents;
qdtCompose({
element: selectionsToolbarElement,
component: QdtSelections,
app,
options: {},
properties: {
qSelectionObjectDef: {},
}
});
qdtCompose({
element: chartElement,
component: QdtPicasso,
app,
options: {
settings: useScatterPlotSettings(),
height: 400,
},
properties: {
qHyperCubeDef: {
qDimensions: [
{ qDef: { qFieldDefs: ['Case Owner'] } },
],
qMeasures: [
{
qDef: {
qDef: 'Avg([Case Duration Time])',
qLabel: 'Avg Case Duration Time',
},
}, {
qDef: {
qDef: 'Count( {$<Status -={\'Closed\'} >} Distinct %CaseId )',
},
},
],
},
}
});
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
