{"title":"Sunburst Chart (JavaScript) (legacy)","nodeType":"Visualizer","id":"*8AI_vFaqu63JfN_G","factoryName":"org.knime.dynamic.js.v30.DynamicJSNodeFactory:9fa9266d","factoryId":"org.knime.dynamic.js.v30.DynamicJSNodeFactory#Sunburst Chart (JavaScript) (legacy)","path":["Views","JavaScript"],"owner":"knime","ownerAccountId":"account:team:b5f0848f-496d-4e6a-b869-fa3532248db7","description":"<p>This chart displayes hierarchical data in a radial layout: The circle in the chart center represents the hierarchy&#39;s root node. Sections further outside represent nodes that are located deeper in the hierarchy.\n <br />\n Each leaf node has a attached value attribute. For sections corresponding to leaf nodes, the area is derived from the leaf node&#39;s value attribute. For sections not corresponding to leaf nodes, the area is derived from the accumulated value of all descending leaf nodes.</p>\n            \t\t\t\n            <p>This node expects a data structure that satisfies certain requirements:</p><ul><li>Each row represents the path from the root node to a leaf node.</li><li>The user selects multiple path columns. Each path column gives the labels for a respective hierarchy level.</li><li>The number of path columns corresponds to the maximal depth of the hierarchy.</li><li>Paths shorter then the maximal depth need to be filled up with missing values.</li><li>The user selected value column gives the leaf node&#39;s attached value attribute.</li></ul>\n                \t\t\t\n            \n            \t\t\t\n\t\t\t\n            <p>The following table gives an example for such a data structure:</p>\n            \t\t\t\n            level0level1level2valueCarnivoraFelidaePanthera10CarnivoraMustelidaeMephitis6CarnivoraMustelidaeLutra7CarnivoraCanidae?14\n            \t\n\t\t\t\n\t\t\t\n            <h4>CSS Styling</h4>\n                        The node supports custom CSS styling. \n            You can simply put CSS rules into a single string and set it as a flow variable &#39;customCSS&#39; \n            in the node configuration dialog. \n            You will find the list of available classes and their description on our documentation page at https://knime.com/css-styling.\n\t\t\n        \n        ","shortDescription":"A sunburst chart based on the d3.js library.","keywords":[],"deprecated":false,"streamable":false,"tags":["Views","JavaScript"],"icon":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABVUlEQVQ4jaVTsY3DMAy8AEmQyp7AtUoGqgMoIzgTCFCTyrVKI3t4B2aFTKCMkA3UucyleQv2A59/fAgQOFDSkSKPIIm5hxAGa20GwLlba3MIYfh+v4AY48EYMwKg956qSu/9AgOgMWaMMR4WBDHGQ1VVTxFhSokkqap0ztE5R1UlSaaUKCKsquo5kYAkjDGjiDDnTFVlXdcUkUIgIqzrmqrKnDNFhMaYkSQQQhgAMKVUHk8Z+75n3/eloukspUQADCEMsNZm7z1JLrI450oDnXOL6kjSe8+vZoOqSlWliJBkKXsed86R5CIOgGsAuF6veDwe2O/3AIDb7QZVRdu2mOx0OgEA2rbF/X7H8XgEAKwBYLfb4S+2Wq0KvlwuBX/0hc+bOB9j13XcbrdljHP7cYyTkJqmIQB2XVeENEn5rZAmKW82GzZN8z8pv1um8/n8+zJ9ss4v4jMSJk2gMLQAAAAASUVORK5CYII=","views":[],"interactiveView":{"name":"Sunburst Chart","description":"A D3.js implementation of a sunburst chart."},"inPorts":[{"objectClass":"org.knime.core.node.BufferedDataTable","color":"000000","dataType":"Table","optional":false,"name":"Display data","description":"Data table containing one row for each leaf node in the hierarchy. Path columns each give the labels for a respective hierarchy level. The value column gives the leaf node&#39;s attached value attribute."},{"objectClass":"org.knime.core.node.port.PortObject","color":"9b9b9b","dataType":"PortObject","optional":true,"name":"Color model","description":"Color model indicating the colors used for the sunburst chart. (optional)"}],"outPorts":[{"objectClass":"org.knime.core.node.port.image.ImagePortObject","color":"41be78","dataType":"Image","optional":false,"name":"Sunburst image","description":"SVG image of the sunburst chart."},{"objectClass":"org.knime.core.node.BufferedDataTable","color":"000000","dataType":"Table","optional":false,"name":"Input Data + View Selection","description":"Input table plus a new column that gives the selections made in the view."}],"dynInPorts":[],"dynOutPorts":[],"additionalSiteInformation":{"url":"https://update.knime.com/analytics-platform/5.12","trusted":true,"enabledByDefault":true,"name":"KNIME Analytics Platform 5.12 Update Site","version":"5.12.0"},"dialog":[{"sectionName":"Options","fields":[{"name":"Path columns","description":"Select the columns which indicate the leaf nodes&#39; paths.","optional":false},{"name":"Frequency column","description":"Select the column with the value information for the leaf nodes.","optional":true},{"name":"Filter out small nodes","description":"When checked, very small nodes are not displayed.","optional":false},{"name":"Threshold for filtering (radian)","description":"","optional":false}]},{"sectionName":"General Plot Options","fields":[{"name":"Title","description":"The chart title.","optional":true},{"name":"Subitle","description":"The chart subtitle.","optional":true},{"name":"Display legend","description":"When checked, the chart&#39;s legend is displayed.","optional":false},{"name":"Display breadcrumb","description":"When checked, a breadcrumb is displayed (on mouseover, etc.). The breadcrumb depicts a (sub-)path in the hierarchy.","optional":false},{"name":"Display tooltip","description":"When checked, a tooltip is shown when hovering over a cell.","optional":false},{"name":"Enable donut hole","description":"When checked, a donut hole is displayed.","optional":false},{"name":"Enable zoom","description":"When checked, zooming into the chart partitions is enabled.","optional":false},{"name":"Enable Selection","description":"When checked, user selections are enabled.","optional":false},{"name":"Show selection only","description":"When checked, only selected objects are displayed.","optional":false},{"name":"Enable Focus","description":"When checked, focus on sections is enabled.","optional":false},{"name":"Enable inner label","description":"When checked, an inner label is displayed (on mouseover, etc.).","optional":false},{"name":"Inner label style","description":"Choose what accumulation type is used for the inner label.","optional":false},{"name":"Inner label text","description":"The inner label&#39;s text.","optional":true},{"name":"Publish Selection","description":"Check to enable publishing of selection events.","optional":false},{"name":"Subscribe to selection events","description":"Check to enable subscription of selection events.","optional":false},{"name":"Subscribe to filter events","description":"Check to enable subscription of filter events.","optional":false},{"name":"Image","description":"Settings for image generation.","optional":false}]},{"sectionName":"Control Options","fields":[{"name":"Enable view controls","description":"Check to enable controls in the chart.","optional":false},{"name":"Enable title editing","description":"Check to enable the editing of the title within the view.","optional":false},{"name":"Enable subtitle editing","description":"Check to enable the editing of the subtitle within the view.","optional":false},{"name":"Enable filter tiny nodes toggle","description":"Check to enable toggling of filtering for small nodes within the view.","optional":false},{"name":"Enable legend toggle","description":"Check to enable toggling of the legend within the view.","optional":false},{"name":"Enable breadcrumb toggle","description":"Check to enable toggling of the breadcrumb within the view.","optional":false},{"name":"Enable tooltip toggle","description":"Check to enable toggling of the tooltip within the view.","optional":false},{"name":"Enable donut hole toggle","description":"Check to enable toggling of the donut hole within the view.","optional":false},{"name":"Enable inner label toggle","description":"Check to enable toggling of the inner label within the view.","optional":false},{"name":"Enable inner label style selection","description":"Check to enable selection of inner label style within the view.","optional":false},{"name":"Enable inner label editing","description":"Check to enable editing of the inner label within the view.","optional":false},{"name":"Enable selection only toggle","description":"Check to enable toggling of selection-only within view.","optional":false},{"name":"Enable publish selection toggle","description":"Check to enable toggling of selection publishing within view.","optional":false},{"name":"Enable subscribe to selection toggle","description":"Check to enable toggling of selection subscription within view.","optional":false},{"name":"Enable subscribe to filter toggle","description":"Check to enable toggling of filter subscription within view.","optional":false}]}],"links":[],"kudos":[],"kudosCount":0,"bundleInformation":{"bundleVersion":"5.12.0.v202605041104","bundleName":"D3 Samples for KNIME Dynamic JavaScript Node Generation","bundleSymbolicName":"org.knime.dynamic.js.base","bundleVendor":"KNIME AG, Zurich, Switzerland","featureSymbolicName":"org.knime.features.js.views","featureName":"KNIME JavaScript Views","featureVersion":"5.12.0.v202605041104","featureVendor":"KNIME AG, Zurich, Switzerland","extensionId":"*0qveOxOA3751S6Vx"},"frequentSuccessors":[]}