31:T4a2,{ var d1 = display( histogram_legend_h( "Some map theme", { h: [1, 6, 7, 8, 9, 5, 4, 7, 1], type: "continuous", max: 9, first_bin: 0, bin_size: .1 }, d3.schemeOrRd[9]), histogram_legend_h( "Some map theme", { h: [1, 6, 7, 8, 9, 5, 4, 7, 1], type: "discrete", max: 9, first_bin: 1, bin_size: 1 }, d3.schemeGnBu[9]), histogram_legend_h( "Some map theme", { h: [1, 6, 7, 8, 9, 5, 4, 7, 1, 3], max: 9, fmt_lbl: i => "ABCDEFGHIJ"[i], type: "discrete", }, d3.schemeCategory10) ); var d2 = display(histogram_legend_v( "Some map theme", { h: [1, 6, 7, 8, 9, 5, 4, 7, 1], type: "continuous", max: 9, first_bin: 0, bin_size: .1 }, d3.schemeGnBu[9]), histogram_legend_v( "Some map theme", { h: [1, 6, 7, 8, 9, 5, 4, 7, 1, 3], max: 9, fmt_lbl: i => "Category " + "ABCDEFGHIJ"[i], type: "discrete", }, d3.schemeCategory10) ); return html`

${d1}${d2}

` }32:T60a,The parameters are: Parameter | meaning -----|----------- `title` | Title to show `histogram` | Data to show `color_list` | Color palette to use `settings` | Other settings for layout and appearance Settings: Field | applies to | meaning -----|----|---------- `padding` | | array of 2 numbers: padding inside the border `lbl_size` | | size of the histogram labels `title_lbl_size` | | size of the title `background` | | Background fill color `border` | | Border color `width` | vertical | Width of the widget `lbl_width` | vertical | width of the label. Default is `"auto"`, which selects the widest measured string `width for the labels. `bin_height` | vertical | Height of one histogram bin `height` | horizontal | Width of the widget `bin_width` | horizontal | Width of one histogram bin The return value is an object with fields: Field | meaning -----|----------- node | SVG `` node `width`
`height` | size of the widget The histogram widgets take an object with these fields (which represent the data to be displayed): Field | meaning -----|----------- `h` | list of bin frequencies or proportions `max` | frequency representing the 100% level. Values are clipped between 0 and this value. `first_bin` | lower edge of the first bin `bin_size` | interval covered by one bin `type` | "continuous" or "discrete" `fmt_lbl` | Function to convert a numerical value to a string, for formatting labels. `labels` | List of labels, one for each bin. In continuous mode, the labels refer to the lower bin edges. Overrides `fmt_lbl`. 33:Tbd4,function histogram_legend_v(title, histogram, color_list, settings) { settings ??= {}; const { // layout width = 150, bin_height = 14, padding = [10, 4], lbl_size = 10, title_lbl_size = 14, // colors background = "#eee", border = "#aaa", } = settings; var lbl_width = settings.lbl_width ?? "auto"; var labels = get_labels(histogram); const font_style = `font: ${lbl_size}px sans-serif;`; if (lbl_width == "auto") { // measure with temporary DOM node var tmp_svg = svg`

`;\n for (var e of things) {\n const {width, height, node} = e;\n var our_svg = svg`