{"title":"Histogram (JavaScript) (legacy)","nodeType":"Visualizer","id":"*dVQT7zqA6qA4OXh6","factoryName":"org.knime.dynamic.js.v30.DynamicJSNodeFactory:f822b045","factoryId":"org.knime.dynamic.js.v30.DynamicJSNodeFactory#Histogram (JavaScript) (legacy)","path":["Views","JavaScript"],"owner":"knime","ownerAccountId":"account:team:b5f0848f-496d-4e6a-b869-fa3532248db7","description":"<p>A histogram based on the NVD3 library.</p>\n            \t\t\t\n            <p>The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable &#39;customCSS&#39; in the node configuration dialog. You will find the list of available classes and their description on our <a href=\"https://knime.com/css-styling\" rel=\"ugc nofollow noopener noreferrer\">documentation page</a> .</p>\n            \t\t\n        \n        ","shortDescription":"A histogram based on the NVD3 library.","keywords":[],"deprecated":false,"streamable":false,"tags":["Views","JavaScript"],"icon":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYjM2YWM5Ny01ZWJhLTQwZTctOTE4OS1iYmU4ZDdkMGYyNGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTNGNjAzNkE4REVGMTFFNTg5RTI4N0E0OTUxQ0FFOEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTNGNjAzNjk4REVGMTFFNTg5RTI4N0E0OTUxQ0FFOEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQ0NDNjU0NTM3OTkxMUU1QUEwNEEzNDQxMEQ0QjlGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQ0NDNjU0NjM3OTkxMUU1QUEwNEEzNDQxMEQ0QjlGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTXaNgAAACDSURBVHjaYmRgYPgPxIwM+MF/ND7j//8QIUZkA2CCKCoZIVLPfQPAfMnNG1AMYEFTjGETAZcxMKELgGyC2UYMYGKgELDgCCTSXPDnIj8YYwT9///08wLuBAB0BTQqsUUvqgEqCqoMBKKVNC/gChuqhgF1Dbjz4Db9XcBISSoEAYAAAwAQCyeb+aT7fAAAAABJRU5ErkJggg==","views":[],"interactiveView":{"name":"Histogram View","description":"A histogram based on the NVD3 library."},"inPorts":[{"objectClass":"org.knime.core.node.BufferedDataTable","color":"000000","dataType":"Table","optional":false,"name":"Display data","description":"Data table containing the values to be plotted in a histogram."}],"outPorts":[{"objectClass":"org.knime.core.node.port.image.ImagePortObject","color":"41be78","dataType":"Image","optional":false,"name":"Histogram image","description":"SVG image of the histogram."}],"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":"Histogram Column","description":"Select the column that contains the values used to calculate the bins for the histogram.","optional":false},{"name":"Aggregation Method","description":"Select the aggregation method used on the selected frequency columns. In case of <i>Occurrence Count</i> the occurrence of the unique values of the selected category columns are determined.","optional":false},{"name":"Frequency columns","description":"Select the columns with frequencies for which you wish to plot bars. <i>Note:</i> Missing values in the frequency column will be ignored with a corresponding warning message.\n<br />\nIf, after aggregation, some bars or entire categories contain only missing values, they will be excluded from the view and a warning message will be raised.","optional":false},{"name":"Process in memory","description":"Process the table in the memory. Requires more memory but is faster since the table needs not to be sorted prior aggregation. The memory consumption depends on the number of unique groups and the chosen aggregation method.","optional":false},{"name":"Report on missing values","description":"Check to get the detailed warning messages in the view about missing values and enable &#39;Missing values&#39; category.\n<br />\nIf not checked, missing values will be ignored without raising a warning. &#39;Missing values&#39; category will not be present.","optional":false},{"name":"Include 'Missing values' category","description":"If checked, missing values in the category column will form a separate class named &#34;Missing values&#34;. Otherwise they will be ignored.","optional":false}]},{"sectionName":"Binning","fields":[{"name":"Binning method","description":"Use <b>Fixed number</b> of bins for bins with equal <b>width</b> over the domain range or bins that have an equal <b>frequency</b> of element occurrences.\n<br />\nUse <b>Sample quantiles</b> to produces bins corresponding to the given list of probabilities. The smallest element corresponds to a probability of 0 and the largest to probability of 1. The applied estimation method is <a href=\"https://en.wikipedia.org/wiki/Quantile#Estimating_quantiles_from_a_sample\" rel=\"ugc nofollow noopener noreferrer\">Type 7</a> which is the default method in R, S and Excel.","optional":false},{"name":"Number of bins","description":"Number of bins for the <b>fixed number</b> binning method.","optional":false},{"name":"Bin to equal","description":"Choose bins of equal width or equal frequency for the <b>fixed number</b> binning method.","optional":false},{"name":"Quantiles","description":"Provide a comma separated list of quantiles for the <b>sample quantiles</b> binning method.","optional":false},{"name":"Bin Naming","description":"Use <b>Numbered</b> for bins labeled by an integer with prefix &#34;Bin&#34;, <b>Borders</b> for labels using &#39;&#34;(a,b]&#34;&#39; interval notation or <b>Midpoints</b> for labels that show the midpoint of the interval.","optional":false},{"name":"Force integer bounds","description":"<p>Forces the bounds of the interval to be integers. The decimal bounds will be converted so that the lower bound of the first interval will be the floor of the lowest value and the upper bound of the last interval will be the ceiling of the highest value. The edges that separate the intervals will be the ceiling of the decimal edges. Duplicates of edges will be removed.</p>\n<p>Examples:\n <br />\n [0.1,0.9], (0.9,1.8] -&gt; [0,1], (1,2]\n <br />\n [3.9,4.1], (4.1,4.9], (4.9,5.1] -&gt; [3,5], (5,6]</p>","optional":false},{"name":"Number format settings","description":"If <b>advanced formatting</b> is enabled the format of the doubles in the labels can be configured by the options in this tab.","optional":false},{"name":"Output format","description":"Specify the output format.\n<br />\nThe number 0.00000035239 will be displayed as 3.52E-7 with <b>Standard String</b> , 0.000000352 with <b>Plain String (no exponent)</b> and 352E-9 with <b>Engineering String</b> .","optional":false},{"name":"Precision","description":"The scale of the double values to round to. If the scale is reduced the specified rounding mode is applied.","optional":false},{"name":"Precision mode","description":"The type of precision to which the values are rounded. <b>Decimal places</b> , the default option rounds to the specified decimal places, whereas <b>significant figures</b> rounds to significant figures or numbers.","optional":false},{"name":"Rounding mode","description":"The rounding mode which is applied when double values are rounded.\n<br />\nThe rounding mode specifies the rounding behavior. Seven different rounding modes are available:\n<br />\n<ul><li>UP: Rounding mode to round away from zero.</li><li>DOWN: Rounding mode to round towards zero.</li><li>CEILING: Rounding mode to round towards positive infinity.</li><li>FLOOR: Rounding mode to round towards negative infinity.</li><li>HALF_UP: Rounding mode to round towards &#34;nearest neighbor&#34; unless both neighbors are equidistant, in which case round up.</li><li>HALF_DOWN: Rounding mode to round towards &#34;nearest neighbor&#34; unless both neighbors are equidistant, in which case round down.</li><li>HALF_EVEN: Rounding mode to round towards the &#34;nearest neighbor&#34; unless both neighbors are equidistant, in which case, round towards the even neighbor.</li></ul>\nFor a detailed description of each rounding mode please see the <a href=\"http://docs.oracle.com/javase/6/docs/api/index.html?java/math/RoundingMode.html\" rel=\"ugc nofollow noopener noreferrer\"> Java documentation</a> .","optional":false}]},{"sectionName":"General Plot Options","fields":[{"name":"Title","description":"The chart title.","optional":true},{"name":"Subtitle","description":"The chart subtitle.","optional":true},{"name":"Category-axis label","description":"The label used for the category axis.","optional":true},{"name":"Frequency-axis label","description":"The label used for the frequency axis.","optional":true},{"name":"Chart type","description":"Select how to display the histogram columns. In <b>Grouped</b> chart one bar indicates a separate value from a column, while in <b>Stacked</b> chart a bar is a stack of all values in a column.","optional":false},{"name":"Display legend","description":"When checked, the histogram legend is displayed.","optional":false},{"name":"Display rich tooltips","description":"When checked, a rich tooltip is displayed when hovering over the individual bars of the histogram.","optional":false},{"name":"Plot horizontal bar chart","description":"Check to plot the histogram horizontally. By default the histogram is plotted with vertical bars.","optional":false},{"name":"Display fullscreen button","description":"Check to display a button which switches the view into fullscreen mode. The button is only available in the KNIME WebPortal.","optional":false},{"name":"Show maximum value","description":"Check if the maximum of the Y-Axis should be displayed.","optional":false},{"name":"Image","description":"Settings for SVG image generation.","optional":false},{"name":"Show warnings in view","description":"If checked, warning messages will be displayed in the view when they occur.","optional":false}]},{"sectionName":"Control Options","fields":[{"name":"Enable view controls","description":"Check to enable controls in the chart.","optional":false},{"name":"Enable Grouped/Stacked Chooser","description":"Check to enable the display a control to choose grouped or stacked display of the bars.","optional":false},{"name":"Enable plot orientation change","description":"Check to enable interactive toggling between a horizontal or vertical histogram.","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 Axis title editing","description":"Check to enable the editing of the axis titles within the view.","optional":false},{"name":"Enable switching 'Missing values' category","description":"Check to enable to show and hide &#39;Missing values&#39; category in the view.","optional":false},{"name":"Enable showing maximum value on y-axis","description":"Check to enable to show and hide maximum value on the y-axis.","optional":false}]},{"sectionName":"Interactivity","sectionDescription":"The JavaScript histogram view allows for several ways of interactivity. Please use the options below to configure which features will be activated on the view and further configuration of interactive properties.","fields":[{"name":"Enable selection","description":"If checked a separate column containing checkboxes is rendered in the view.","optional":false},{"name":"Subscribe to selection events","description":"If checked, the view reacts on notifications from other interactive views that the selection has been changed. See also &#34;Publish selection events&#34;.","optional":false},{"name":"Publish selection events","description":"If checked, notifies other interactive views when user changes the selection in the current view. See also &#34;Subscribe to selection events&#34;.","optional":false},{"name":"Display clear selection button","description":"Displays a button to clear current selection.","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":[]}
