Published
Edited
Sep 16, 2020
3 forks
1 star
Insert cell
md`# Nebula.js - Funnel Chart`
Insert cell
selectionsToolbarElement = html`<div ></div>`
Insert cell
chartElement = html`<div style="width:100%;height:600px;"></div>`
Insert cell
import { n } from "@yianni-ververis/nebula-js"
Insert cell
{
const selections = await n.selections();
selections.mount(selectionsToolbarElement);
n.render({
element: chartElement,
type: 'funneChart',
properties: {
qHyperCubeDef: {
qDimensions: [
{ qDef: { qFieldDefs: ['Case Owner Group'] }, qNullSuppression: true, qLabel: 'Department' },
],
qMeasures: [
{ qDef: { qDef: 'Avg([Case Duration Time])', autoSort: false }, qSortBy: { qSortByNumeric: -1 }, qLabel: 'Avg Duration' },
],
qInterColumnSortOrder: [1, 0],
qInitialDataFetch: [{
qWidth: 2,
qHeight: 5000,
}],
},
showTitles: true,
title: 'Funnel-chart',
subtitle: 'Sample supernova funnelchart',
footnote: 'Case Owner Group / Avg([Case Duration Time])',
},
});
}
Insert cell

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.
Learn more