md`# Nebula.js - Funnel Chart`
selectionsToolbarElement = html`<div ></div>`
chartElement = html`<div style="width:100%;height:600px;"></div>`
import { n } from "@yianni-ververis/nebula-js"
{
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])',
},
});
}
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.
