[{"name":"PF6.Charts.Area","comment":" Area chart — a line chart with the region below the line filled.\n\nSupports a single series (`fromData`) or multiple overlapping series\n(`fromSeries`), each with its own fill and stroke color drawn from the theme's\nmulti-ordered scale.\n\n\n# Types\n\n@docs AreaChart, Series\n\n\n# Constructors\n\n@docs fromData, fromSeries\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withColor, withTheme\n@docs withFillOpacity\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withLoading\n@docs withTooltips\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"AreaChart","comment":" An opaque area chart configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"Series","comment":" A named series of `(x, y)` data points for a multi-series area chart.\n","args":[],"type":"{ label : String.String, data : List.List ( Basics.Float, Basics.Float ) }"}],"values":[{"name":"fromData","comment":" Create a single-series area chart from a list of `(x, y)` pairs.\n\nThe x-axis is treated as a continuous numeric scale (use index 0, 1, 2... for\nevenly-spaced time steps, or real timestamps as epoch seconds).\n\n    chart =\n        Area.fromData\n            [ ( 0, 42 ), ( 1, 55 ), ( 2, 48 ), ( 3, 72 ), ( 4, 63 ) ]\n\n","type":"List.List ( Basics.Float, Basics.Float ) -> PF6.Charts.Area.AreaChart"},{"name":"fromSeries","comment":" Create a multi-series area chart from named series.\n\nEach series is drawn with a distinct color from the theme's multi-ordered\nscale. Series are drawn back-to-front so later series appear on top.\n\n    chart =\n        Area.fromSeries\n            [ { label = \"Cats\", data = catData }\n            , { label = \"Dogs\", data = dogData }\n            ]\n\n","type":"List.List PF6.Charts.Area.Series -> PF6.Charts.Area.AreaChart"},{"name":"toSvg","comment":" Render the chart to an `Html msg` node.\n","type":"PF6.Charts.Area.AreaChart -> Html.Html msg"},{"name":"withColor","comment":" Override the color for a single-series chart with a hex string. Default: PF6 primary blue.\n\nHas no effect on multi-series charts (use `withTheme` to customise series colors).\n\n","type":"String.String -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withFillOpacity","comment":" Set the fill opacity under each area line. Default: 0.20.\n","type":"Basics.Float -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 250.\n","type":"Basics.Int -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withTheme","comment":" Apply a `Theme`, setting axis, grid, label, and series colors.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withTitle","comment":" Set the chart title rendered above the chart.\n","type":"String.String -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withTooltips","comment":" Enable SVG `<title>` tooltips on each data point. Default: `False`.\n\nWhen enabled, hovering over a data point shows a browser-native tooltip with\nthe x and y values (e.g. `\"x: 3, y: 72\"`). No ports or state required.\n\n","type":"Basics.Bool -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.Area.AreaChart -> PF6.Charts.Area.AreaChart"}],"binops":[]},{"name":"PF6.Charts.Bar","comment":" Bar chart — vertical or horizontal bars for categorical comparison.\n\nSupports single-series and grouped multi-series bars with automatic\ncolor assignment from the theme's multi-ordered color scale.\n\n\n# Types\n\n@docs BarChart, SeriesData, Orientation\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withColors\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withGrouped\n@docs withOrientation\n@docs withLoading\n@docs withTooltips\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"BarChart","comment":" An opaque bar chart configuration.\n","args":[],"cases":[]},{"name":"Orientation","comment":" Bar orientation — vertical (default) or horizontal.\n\nUse `Horizontal` when category labels are long or when you want to show\nnominal data with more space for labeling (categories on the y-axis).\n\n","args":[],"cases":[["Vertical",[]],["Horizontal",[]]]}],"aliases":[{"name":"SeriesData","comment":" Multi-series data: each series has a label and a value per category.\n","args":[],"type":"{ label : String.String, values : List.List Basics.Float }"}],"values":[{"name":"fromData","comment":" Create a bar chart from category labels and one or more value series.\n\nFor a single series, pass a list with one `SeriesData`.\n\n    chart =\n        Bar.fromData\n            [ \"Memory\", \"CPU\", \"Disk\" ]\n            [ { label = \"Used\", values = [ 70, 45, 82 ] } ]\n\nFor grouped bars:\n\n    chart =\n        Bar.fromData\n            [ \"Node 1\", \"Node 2\", \"Node 3\" ]\n            [ { label = \"Used (GiB)\", values = [ 8, 12, 6 ] }\n            , { label = \"Cached (GiB)\", values = [ 3, 4, 2 ] }\n            ]\n\n","type":"List.List String.String -> List.List PF6.Charts.Bar.SeriesData -> PF6.Charts.Bar.BarChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Bar.BarChart -> Html.Html msg"},{"name":"withColors","comment":" Override the color list for bars (one color per series).\n","type":"List.List String.String -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withGrouped","comment":" When `True` (default), multiple series render as side-by-side grouped\nbars. When `False`, series are stacked (use `Stack` for stacked area).\n","type":"Basics.Bool -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 300.\n","type":"Basics.Int -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withOrientation","comment":" Set the bar orientation. Default: `Vertical` (categories on x-axis).\n\nUse `Horizontal` when category labels are long or for nominal variables —\nbars extend left-to-right, categories are listed on the y-axis.\n\n    Bar.fromData categories series\n        |> Bar.withOrientation Bar.Horizontal\n        |> Bar.toSvg\n\n","type":"PF6.Charts.Bar.Orientation -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withTitle","comment":" Set the chart title.\n","type":"String.String -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withTooltips","comment":" Enable SVG `<title>` tooltips on each bar. Default: `False`.\n\nWhen enabled, hovering over a bar shows a browser-native tooltip with the\ncategory and value (e.g. `\"Memory · Used: 70\"`). No ports or state required.\n\n","type":"Basics.Bool -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.Bar.BarChart -> PF6.Charts.Bar.BarChart"}],"binops":[]},{"name":"PF6.Charts.BoxPlot","comment":" Box plot chart — shows the statistical distribution of one or more datasets.\n\nEach box displays:\n- Whiskers from min to max\n- Box from Q1 to Q3\n- Median line\n- Mean dot (optional)\n\n\n# Types\n\n@docs BoxPlotChart, BoxData\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"BoxPlotChart","comment":" An opaque box plot configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"BoxData","comment":" Statistical summary for a single box.\n","args":[],"type":"{ label : String.String, min : Basics.Float, q1 : Basics.Float, median : Basics.Float, q3 : Basics.Float, max : Basics.Float }"}],"values":[{"name":"fromData","comment":" Create a box plot from a list of statistical summaries.\n\n    chart =\n        BoxPlot.fromData\n            [ { label = \"Jan\", min = 10, q1 = 25, median = 40, q3 = 60, max = 80 }\n            , { label = \"Feb\", min = 15, q1 = 30, median = 45, q3 = 65, max = 85 }\n            ]\n\n","type":"List.List PF6.Charts.BoxPlot.BoxData -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.BoxPlot.BoxPlotChart -> Html.Html msg"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 300.\n","type":"Basics.Int -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"withTitle","comment":" Set the chart title.\n","type":"String.String -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.BoxPlot.BoxPlotChart -> PF6.Charts.BoxPlot.BoxPlotChart"}],"binops":[]},{"name":"PF6.Charts.Bullet","comment":" Bullet chart — a horizontal bar showing actual vs target with\nqualitative range bands (poor / needs improvement / good).\n\nA compact alternative to gauge charts for showing progress against a goal.\n\n\n# Type\n\n@docs BulletChart\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withTitle\n@docs withUnit\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"BulletChart","comment":" An opaque bullet chart configuration.\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"fromData","comment":" Create a bullet chart.\n\nArguments: actual value, target value, maximum value (axis extent).\n\n    chart =\n        Bullet.fromData 62 75 100\n\nThis shows an actual value of 62, a target of 75, on a 0–100 scale.\n\n","type":"Basics.Float -> Basics.Float -> Basics.Float -> PF6.Charts.Bullet.BulletChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Bullet.BulletChart -> Html.Html msg"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 120.\n","type":"Basics.Int -> PF6.Charts.Bullet.BulletChart -> PF6.Charts.Bullet.BulletChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Bullet.BulletChart -> PF6.Charts.Bullet.BulletChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Bullet.BulletChart -> PF6.Charts.Bullet.BulletChart"},{"name":"withTitle","comment":" Set the chart title (rendered left of the bar).\n","type":"String.String -> PF6.Charts.Bullet.BulletChart -> PF6.Charts.Bullet.BulletChart"},{"name":"withUnit","comment":" Set the unit label appended to axis tick values.\n","type":"String.String -> PF6.Charts.Bullet.BulletChart -> PF6.Charts.Bullet.BulletChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 450.\n","type":"Basics.Int -> PF6.Charts.Bullet.BulletChart -> PF6.Charts.Bullet.BulletChart"}],"binops":[]},{"name":"PF6.Charts.Colors","comment":" PatternFly v6 chart color tokens.\n\nHex values verified against `patternfly-react` test snapshots (light theme).\nUse `multiOrdered` for categorical data (bars, pie slices) and `multiUnordered`\nfor time-series with multiple series (stacked area, multi-line).\n\n\n# Primary / Blue Scale\n\n@docs primary\n@docs blue100, blue200, blue300, blue400, blue500\n\n\n# Green Scale\n\n@docs green100, green200, green300, green400, green500\n\n\n# Teal Scale\n\n@docs teal100, teal200, teal300, teal400, teal500\n\n\n# Gold Scale\n\n@docs gold100, gold200, gold300, gold400, gold500\n\n\n# Orange Scale\n\n@docs orange100, orange200, orange300, orange400, orange500\n\n\n# Chart Structure\n\n@docs axisLine, gridLine, labelText, background\n\n\n# Multi-series Color Scales\n\n@docs blueFamily, multiOrdered, multiUnordered\n\n\n# Utility\n\n@docs white, black\n\n","unions":[],"aliases":[],"values":[{"name":"axisLine","comment":" Axis line and tick color — `#c7c7c7`.\n","type":"String.String"},{"name":"background","comment":" Default chart background — `#ffffff`.\n","type":"String.String"},{"name":"black","comment":" Black — `#151515`.\n","type":"String.String"},{"name":"blue100","comment":" Blue 100 — `#92c5f9`. Lightest, used for tertiary fills.\n","type":"String.String"},{"name":"blue200","comment":" Blue 200 — `#4394e5`. Secondary series.\n","type":"String.String"},{"name":"blue300","comment":" Blue 300 — `#0066cc`. Primary series / active states.\n","type":"String.String"},{"name":"blue400","comment":" Blue 400 — `#004d99`. Dark series.\n","type":"String.String"},{"name":"blue500","comment":" Blue 500 — `#003366`. Darkest series.\n","type":"String.String"},{"name":"blueFamily","comment":" Blue color family — five shades of PF6 blue from primary outward.\n\nUse this when you want a monochromatic, on-brand palette (e.g. a grouped bar\nchart where each series is a different blue shade). Ordered from most to least\nprominent so the first series draws the eye.\n\n    Bar.fromData categories values\n        |> Bar.withColors Colors.blueFamily\n","type":"List.List String.String"},{"name":"gold100","comment":" Gold 100 — `#f9e0a2`.\n","type":"String.String"},{"name":"gold200","comment":" Gold 200 — `#f6d173`.\n","type":"String.String"},{"name":"gold300","comment":" Gold 300 — `#f4c145`.\n","type":"String.String"},{"name":"gold400","comment":" Gold 400 — `#f0ab00`.\n","type":"String.String"},{"name":"gold500","comment":" Gold 500 — `#c58c00`.\n","type":"String.String"},{"name":"green100","comment":" Green 100 — `#bde5b8`.\n","type":"String.String"},{"name":"green200","comment":" Green 200 — `#7cc674`.\n","type":"String.String"},{"name":"green300","comment":" Green 300 — `#4cb140`.\n","type":"String.String"},{"name":"green400","comment":" Green 400 — `#38812f`.\n","type":"String.String"},{"name":"green500","comment":" Green 500 — `#23511e`.\n","type":"String.String"},{"name":"gridLine","comment":" Grid line color — `#c7c7c7`.\n","type":"String.String"},{"name":"labelText","comment":" Tick label and legend text color — `#383838`.\n","type":"String.String"},{"name":"multiOrdered","comment":" Multi-ordered color scale for categorical data — cycles through blue,\ngreen, teal, gold, orange for maximum categorical contrast.\n\n    Bar.fromData categories values\n        |> Bar.withColors Colors.multiOrdered\n","type":"List.List String.String"},{"name":"multiUnordered","comment":" Multi-unordered color scale for time-series data — keeps series visually\ndistinct across a full time axis (area charts, multi-line charts).\n","type":"List.List String.String"},{"name":"orange100","comment":" Orange 100 — `#f4b678`.\n","type":"String.String"},{"name":"orange200","comment":" Orange 200 — `#ef9234`.\n","type":"String.String"},{"name":"orange300","comment":" Orange 300 — `#ec7a08`.\n","type":"String.String"},{"name":"orange400","comment":" Orange 400 — `#c46100`.\n","type":"String.String"},{"name":"orange500","comment":" Orange 500 — `#8f4700`.\n","type":"String.String"},{"name":"primary","comment":" PF6 primary blue — `#0066cc`.\n","type":"String.String"},{"name":"teal100","comment":" Teal 100 — `#a2d9d9`.\n","type":"String.String"},{"name":"teal200","comment":" Teal 200 — `#73c5c5`.\n","type":"String.String"},{"name":"teal300","comment":" Teal 300 — `#009596`.\n","type":"String.String"},{"name":"teal400","comment":" Teal 400 — `#005f60`.\n","type":"String.String"},{"name":"teal500","comment":" Teal 500 — `#003737`.\n","type":"String.String"},{"name":"white","comment":" White — `#ffffff`.\n","type":"String.String"}],"binops":[]},{"name":"PF6.Charts.Donut","comment":" Donut chart — a ring chart for part-to-whole relationships.\n\nA core PatternFly chart type used for showing categorical proportions\n(resource allocation, status breakdowns) with a hollow center that can\ndisplay a summary metric.\n\n\n# Types\n\n@docs DonutChart, Slice\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withSize\n@docs withTheme\n@docs withColors\n@docs withTitle\n@docs withCenterText\n@docs withLoading\n@docs withTooltips\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"DonutChart","comment":" An opaque donut chart configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"Slice","comment":" A single slice: label and numeric value.\n","args":[],"type":"{ label : String.String, value : Basics.Float }"}],"values":[{"name":"fromData","comment":" Create a donut chart from a list of slices.\n\n    chart =\n        Donut.fromData\n            [ { label = \"Running\", value = 42 }\n            , { label = \"Stopped\", value = 8 }\n            , { label = \"Pending\", value = 5 }\n            ]\n\n","type":"List.List PF6.Charts.Donut.Slice -> PF6.Charts.Donut.DonutChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Donut.DonutChart -> Html.Html msg"},{"name":"withCenterText","comment":" Set the text displayed in the hollow center of the donut.\n\nThe first argument is the primary metric (e.g. `\"42\"`), the second is a\nsub-label (e.g. `\"Running\"`).\n\n    Donut.fromData slices\n        |> Donut.withCenterText \"42\" \"Running\"\n\n","type":"String.String -> String.String -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"},{"name":"withColors","comment":" Override the slice color list.\n","type":"List.List String.String -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"},{"name":"withSize","comment":" Set the overall SVG size (width = height). Default: 230.\n","type":"Basics.Int -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"},{"name":"withTitle","comment":" Set the chart title rendered below the donut.\n","type":"String.String -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"},{"name":"withTooltips","comment":" Enable SVG `<title>` tooltips on each slice. Default: `False`.\n\nWhen enabled, hovering over a slice shows a browser-native tooltip with the\nlabel, value, and percentage (e.g. `\"Running: 42 (76%)\"`). No ports required.\n\n","type":"Basics.Bool -> PF6.Charts.Donut.DonutChart -> PF6.Charts.Donut.DonutChart"}],"binops":[]},{"name":"PF6.Charts.DonutUtilization","comment":" Donut utilization chart — a single-metric donut showing used vs available.\n\nA specialized PatternFly donut variant for capacity/quota displays. Shows one\narc for the \"used\" portion; the rest is unfilled background. Colors shift to\nwarning/danger as thresholds are crossed.\n\n\n# Type\n\n@docs DonutUtilization\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withSize\n@docs withTheme\n@docs withTitle\n@docs withWarningThreshold\n@docs withDangerThreshold\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"DonutUtilization","comment":" An opaque donut utilization chart configuration.\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"fromData","comment":" Create a donut utilization chart.\n\n    chart =\n        DonutUtilization.fromData 48 100\n\nThis shows 48 out of 100 (48%) utilization.\n\n","type":"Basics.Float -> Basics.Float -> PF6.Charts.DonutUtilization.DonutUtilization"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.DonutUtilization.DonutUtilization -> Html.Html msg"},{"name":"withDangerThreshold","comment":" Set the danger threshold percentage. Default: 90.\n\nAbove this percentage, the arc turns red/orange.\n\n","type":"Basics.Float -> PF6.Charts.DonutUtilization.DonutUtilization -> PF6.Charts.DonutUtilization.DonutUtilization"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.DonutUtilization.DonutUtilization -> PF6.Charts.DonutUtilization.DonutUtilization"},{"name":"withSize","comment":" Set the overall SVG size. Default: 230.\n","type":"Basics.Int -> PF6.Charts.DonutUtilization.DonutUtilization -> PF6.Charts.DonutUtilization.DonutUtilization"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.DonutUtilization.DonutUtilization -> PF6.Charts.DonutUtilization.DonutUtilization"},{"name":"withTitle","comment":" Set the chart title rendered below the donut.\n","type":"String.String -> PF6.Charts.DonutUtilization.DonutUtilization -> PF6.Charts.DonutUtilization.DonutUtilization"},{"name":"withWarningThreshold","comment":" Set the warning threshold percentage. Default: 75.\n\nAbove this percentage, the arc turns gold/yellow.\n\n","type":"Basics.Float -> PF6.Charts.DonutUtilization.DonutUtilization -> PF6.Charts.DonutUtilization.DonutUtilization"}],"binops":[]},{"name":"PF6.Charts.Line","comment":" Line chart — one or more series of connected data points.\n\nSupports multiple series with automatic color assignment from the theme's\nmulti-unordered color scale.\n\n\n# Types\n\n@docs LineChart, Series\n\n\n# Constructors\n\n@docs fromSeries, fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"LineChart","comment":" An opaque line chart configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"Series","comment":" A single named series of `(x, y)` data points.\n","args":[],"type":"{ label : String.String, data : List.List ( Basics.Float, Basics.Float ) }"}],"values":[{"name":"fromData","comment":" Create a single-series line chart from `(x, y)` pairs.\n","type":"List.List ( Basics.Float, Basics.Float ) -> PF6.Charts.Line.LineChart"},{"name":"fromSeries","comment":" Create a line chart from multiple named series.\n\n    chart =\n        Line.fromSeries\n            [ { label = \"inbound\", data = [ ( 0, 10 ), ( 1, 20 ) ] }\n            , { label = \"outbound\", data = [ ( 0, 8 ), ( 1, 18 ) ] }\n            ]\n\n","type":"List.List PF6.Charts.Line.Series -> PF6.Charts.Line.LineChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Line.LineChart -> Html.Html msg"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 250.\n","type":"Basics.Int -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"},{"name":"withTitle","comment":" Set the chart title.\n","type":"String.String -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.Line.LineChart -> PF6.Charts.Line.LineChart"}],"binops":[]},{"name":"PF6.Charts.Pie","comment":" Pie chart — full circular slices for part-to-whole relationships.\n\nSimilar to `Donut` but with no hollow center. Use `Donut` when you need to\ndisplay a summary metric in the center.\n\n\n# Types\n\n@docs PieChart, Slice\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withSize\n@docs withTheme\n@docs withColors\n@docs withTitle\n@docs withLoading\n@docs withTooltips\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"PieChart","comment":" An opaque pie chart configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"Slice","comment":" A single slice in a pie chart, identified by a label and a numeric value.\n\n    { label = \"US East\", value = 35 }\n\n","args":[],"type":"{ label : String.String, value : Basics.Float }"}],"values":[{"name":"fromData","comment":" Create a pie chart from a list of slices.\n\n    chart =\n        Pie.fromData\n            [ { label = \"Running\", value = 42 }\n            , { label = \"Stopped\", value = 8 }\n            , { label = \"Pending\", value = 5 }\n            ]\n\n","type":"List.List PF6.Charts.Pie.Slice -> PF6.Charts.Pie.PieChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Pie.PieChart -> Html.Html msg"},{"name":"withColors","comment":" Override the slice color list.\n","type":"List.List String.String -> PF6.Charts.Pie.PieChart -> PF6.Charts.Pie.PieChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Pie.PieChart -> PF6.Charts.Pie.PieChart"},{"name":"withSize","comment":" Set the overall SVG size (width = height). Default: 230.\n","type":"Basics.Int -> PF6.Charts.Pie.PieChart -> PF6.Charts.Pie.PieChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Pie.PieChart -> PF6.Charts.Pie.PieChart"},{"name":"withTitle","comment":" Set the chart title rendered below the pie.\n","type":"String.String -> PF6.Charts.Pie.PieChart -> PF6.Charts.Pie.PieChart"},{"name":"withTooltips","comment":" Enable SVG `<title>` tooltips on each slice. Default: `False`.\n\nWhen enabled, hovering over a slice shows a browser-native tooltip with the\nlabel, value, and percentage (e.g. `\"Running: 42 (76%)\"`). No ports required.\n\n","type":"Basics.Bool -> PF6.Charts.Pie.PieChart -> PF6.Charts.Pie.PieChart"}],"binops":[]},{"name":"PF6.Charts.Scatter","comment":" Scatter chart — discrete data points on a 2D Cartesian plane.\n\nSupports multiple series with automatic color assignment, and optional\nline or area overlays connecting each series' points.\n\n\n# Types\n\n@docs ScatterChart, Series, Overlay\n\n\n# Constructors\n\n@docs fromSeries, fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withPointRadius\n@docs withOverlay\n@docs withLoading\n@docs withTooltips\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"Overlay","comment":" Optional overlay drawn on top of scatter points.\n\n  - `NoOverlay` — points only (default).\n  - `WithLine` — connects each series' points with a line (sorted by x).\n  - `WithArea` — fills the region under each series' points.\n\n","args":[],"cases":[["NoOverlay",[]],["WithLine",[]],["WithArea",[]]]},{"name":"ScatterChart","comment":" An opaque scatter chart configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"Series","comment":" A named series of `(x, y)` scatter points.\n","args":[],"type":"{ label : String.String, data : List.List ( Basics.Float, Basics.Float ) }"}],"values":[{"name":"fromData","comment":" Create a single-series scatter chart from `(x, y)` pairs.\n","type":"List.List ( Basics.Float, Basics.Float ) -> PF6.Charts.Scatter.ScatterChart"},{"name":"fromSeries","comment":" Create a scatter chart from multiple named series.\n","type":"List.List PF6.Charts.Scatter.Series -> PF6.Charts.Scatter.ScatterChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Scatter.ScatterChart -> Html.Html msg"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 300.\n","type":"Basics.Int -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withOverlay","comment":" Add a line or area overlay connecting each series' points. Default: `NoOverlay`.\n\n    -- Scatter + connecting line (sorted by x):\n    Scatter.fromSeries series\n        |> Scatter.withOverlay Scatter.WithLine\n        |> Scatter.toSvg\n\n    -- Scatter + filled area:\n    Scatter.fromSeries series\n        |> Scatter.withOverlay Scatter.WithArea\n        |> Scatter.toSvg\n\n","type":"PF6.Charts.Scatter.Overlay -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withPointRadius","comment":" Set the radius of scatter points in pixels. Default: 5.\n","type":"Basics.Float -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withTitle","comment":" Set the chart title.\n","type":"String.String -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withTooltips","comment":" Enable SVG `<title>` tooltips on each point. Default: `False`.\n\nWhen enabled, hovering over a scatter point shows a browser-native tooltip\nwith the x and y coordinates (e.g. `\"(3.5, 72.0)\"`). No ports or state required.\n\n","type":"Basics.Bool -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.Scatter.ScatterChart -> PF6.Charts.Scatter.ScatterChart"}],"binops":[]},{"name":"PF6.Charts.Skeleton","comment":" Loading skeleton placeholders for every PF6.Charts chart type.\n\nUse these in place of a real chart while data is loading. They match the\nchart's dimensions and show a shimmer animation consistent with PatternFly's\nskeleton component.\n\n    -- In your view:\n    if model.loading then\n        Skeleton.area 560 250\n\n    else\n        Area.fromData model.data\n            |> Area.withWidth 560\n            |> Area.toSvg\n\n\n# Cartesian skeletons\n\n@docs area, line, bar, scatter, stack, threshold, bullet, boxPlot\n\n\n# Circular skeletons\n\n@docs donut, donutUtilization, pie\n\n\n# Inline skeletons\n\n@docs sparkline\n\n","unions":[],"aliases":[],"values":[{"name":"area","comment":" Area chart skeleton. Pass the same `width` and `height` you use on the real chart.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"bar","comment":" Bar chart skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"boxPlot","comment":" Box plot skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"bullet","comment":" Bullet chart skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"donut","comment":" Donut chart skeleton. Pass `size` (the same value as `Donut.withSize`).\n","type":"Basics.Int -> Html.Html msg"},{"name":"donutUtilization","comment":" Donut utilization chart skeleton.\n","type":"Basics.Int -> Html.Html msg"},{"name":"line","comment":" Line chart skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"pie","comment":" Pie chart skeleton.\n","type":"Basics.Int -> Html.Html msg"},{"name":"scatter","comment":" Scatter chart skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"sparkline","comment":" Sparkline skeleton. Pass the same `width` and `height` as `Sparkline.withWidth`/`withHeight`.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"stack","comment":" Stack chart skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"},{"name":"threshold","comment":" Threshold chart skeleton.\n","type":"Basics.Int -> Basics.Int -> Html.Html msg"}],"binops":[]},{"name":"PF6.Charts.Sparkline","comment":" Sparkline — a miniature, axis-free line chart for inline use.\n\nTypically embedded in tables, cards, or list items to show a metric's trend\nwithout the overhead of a full chart.\n\n\n# Type\n\n@docs Sparkline\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withColor, withTheme\n@docs withFill\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"Sparkline","comment":" An opaque sparkline configuration.\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"fromData","comment":" Create a sparkline from a list of y values (x is implicit index).\n\n    sparkline =\n        Sparkline.fromData [ 42, 55, 48, 72, 63, 58, 70 ]\n\n","type":"List.List Basics.Float -> PF6.Charts.Sparkline.Sparkline"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Sparkline.Sparkline -> Html.Html msg"},{"name":"withColor","comment":" Override the line color.\n","type":"String.String -> PF6.Charts.Sparkline.Sparkline -> PF6.Charts.Sparkline.Sparkline"},{"name":"withFill","comment":" Whether to fill the area under the line. Default: `True`.\n","type":"Basics.Bool -> PF6.Charts.Sparkline.Sparkline -> PF6.Charts.Sparkline.Sparkline"},{"name":"withHeight","comment":" Set sparkline height in pixels. Default: 40.\n","type":"Basics.Int -> PF6.Charts.Sparkline.Sparkline -> PF6.Charts.Sparkline.Sparkline"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the sparkline while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Sparkline.Sparkline -> PF6.Charts.Sparkline.Sparkline"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Sparkline.Sparkline -> PF6.Charts.Sparkline.Sparkline"},{"name":"withWidth","comment":" Set sparkline width in pixels. Default: 150.\n","type":"Basics.Int -> PF6.Charts.Sparkline.Sparkline -> PF6.Charts.Sparkline.Sparkline"}],"binops":[]},{"name":"PF6.Charts.Stack","comment":" Stacked area chart — multiple series stacked atop each other to show\nboth individual contributions and their total over time.\n\nUses the PF6 multi-unordered color scale by default.\n\n\n# Types\n\n@docs StackChart, Series\n\n\n# Constructor\n\n@docs fromSeries\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"StackChart","comment":" An opaque stacked area chart configuration.\n","args":[],"cases":[]}],"aliases":[{"name":"Series","comment":" A single series: label and one y-value per x step.\n\nAll series must have the same number of values. X positions are inferred\nas 0, 1, 2, ... (pass your own x values via the first element if needed).\n\n","args":[],"type":"{ label : String.String, values : List.List Basics.Float }"}],"values":[{"name":"fromSeries","comment":" Create a stacked area chart from multiple series.\n\nAll series must have the same number of values; x positions are inferred\nas 0, 1, 2...\n\n    chart =\n        Stack.fromSeries\n            [ { label = \"Project A\", values = [ 10, 12, 15, 18, 16 ] }\n            , { label = \"Project B\", values = [ 8, 9, 11, 13, 12 ] }\n            , { label = \"Project C\", values = [ 5, 6, 7, 9, 8 ] }\n            ]\n\n","type":"List.List PF6.Charts.Stack.Series -> PF6.Charts.Stack.StackChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Stack.StackChart -> Html.Html msg"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 250.\n","type":"Basics.Int -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"},{"name":"withTitle","comment":" Set the chart title.\n","type":"String.String -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.Stack.StackChart -> PF6.Charts.Stack.StackChart"}],"binops":[]},{"name":"PF6.Charts.Theme","comment":" Chart theme system for PF6 — light and dark modes.\n\nMirrors the pattern from `PF6.Theme` in elm-ui-patternfly, adapted for\nchart-specific tokens (axis, grid, series colors).\n\n\n# Types\n\n@docs Theme, Mode\n\n\n# Constructors\n\n@docs light, dark, fromMode\n\n\n# Bridging from a UI theme library\n\n`PF6.Charts` intentionally has no dependency on `mdgriffith/elm-ui` or any\nspecific UI theme library. If you are already using `lenards/elm-ui-patternfly`\n(or a future `elm-patternfly` built on `elm/html`), use `UiThemeColors` and\n`fromUiThemeColors` to bridge your theme into chart tokens.\n\n@docs UiThemeColors, fromUiThemeColors\n\n**Example — bridging from `lenards/elm-ui-patternfly`:**\n\n```elm\nimport Element exposing (toRgb)\nimport PF6.Theme as UiTheme\nimport PF6.Charts.Theme as ChartTheme\n\n{-| Convert an elm-ui Color to a 6-digit hex string.\n    Requires rtfeldman/elm-hex or a similar hex-encoding package.\n-}\ncolorToHex : Element.Color -> String\ncolorToHex color =\n    let\n        { red, green, blue } =\n            Element.toRgb color\n\n        byte n =\n            String.padLeft 2 '0' (Hex.toString (round (n * 255)))\n    in\n    \"#\" ++ byte red ++ byte green ++ byte blue\n\n{-| Derive chart tokens from a PF6 UI theme.\n-}\nchartTheme : UiTheme.Theme -> ChartTheme.Theme\nchartTheme uiTheme =\n    ChartTheme.fromUiThemeColors\n        { primary = colorToHex (UiTheme.primary uiTheme)\n        , labelText = colorToHex (UiTheme.text uiTheme)\n        , background = colorToHex (UiTheme.backgroundDefault uiTheme)\n        , borderDefault = colorToHex (UiTheme.borderDefault uiTheme)\n        }\n```\n\nThe same pattern will work for a future `elm-patternfly` library built on\n`elm/html` — just swap the `colorToHex` helper for whatever color type that\nlibrary exposes.\n\n\n# Accessors\n\n@docs primaryColor, seriesColor, axisColor, gridColor, labelColor, backgroundColor, fontFamily\n\n","unions":[{"name":"Mode","comment":" The visual mode — `Light` or `Dark`.\n","args":[],"cases":[["Light",[]],["Dark",[]]]},{"name":"Theme","comment":" An opaque type holding all color tokens for chart rendering.\n","args":[],"cases":[]}],"aliases":[{"name":"UiThemeColors","comment":" A plain record of hex color strings extracted from a UI theme library.\n\nPass this to `fromUiThemeColors` to get a `Theme` without requiring any\ndependency on `mdgriffith/elm-ui` or `lenards/elm-ui-patternfly`.\n\nAll fields are 6-digit hex strings, e.g. `\"#0066cc\"`.\n\n","args":[],"type":"{ primary : String.String, labelText : String.String, background : String.String, borderDefault : String.String }"}],"values":[{"name":"axisColor","comment":" Axis line and tick mark color.\n","type":"PF6.Charts.Theme.Theme -> String.String"},{"name":"backgroundColor","comment":" Chart background color.\n","type":"PF6.Charts.Theme.Theme -> String.String"},{"name":"dark","comment":" PF6 dark mode chart theme. Uses lighter colors on dark backgrounds.\n","type":"PF6.Charts.Theme.Theme"},{"name":"fontFamily","comment":" Font family string for chart text (tick labels, legends, annotations).\n","type":"PF6.Charts.Theme.Theme -> String.String"},{"name":"fromMode","comment":" Derive a theme from a `Mode` value.\n\n    fromMode Light == light\n    fromMode Dark  == dark\n\n","type":"PF6.Charts.Theme.Mode -> PF6.Charts.Theme.Theme"},{"name":"fromUiThemeColors","comment":" Build a chart `Theme` from a `UiThemeColors` record.\n\nThe chart `series` color scale defaults to `Colors.multiOrdered` with `primary`\nas the first color. Axis and grid lines use `borderDefault`. Label text uses\n`labelText`. See the module doc for a full bridging example.\n\n","type":"PF6.Charts.Theme.UiThemeColors -> PF6.Charts.Theme.Theme"},{"name":"gridColor","comment":" Grid line color.\n","type":"PF6.Charts.Theme.Theme -> String.String"},{"name":"labelColor","comment":" Tick label and legend text color.\n","type":"PF6.Charts.Theme.Theme -> String.String"},{"name":"light","comment":" PF6 light mode chart theme.\n","type":"PF6.Charts.Theme.Theme"},{"name":"primaryColor","comment":" The primary series color for single-series charts.\n","type":"PF6.Charts.Theme.Theme -> String.String"},{"name":"seriesColor","comment":" All series colors as an ordered list. Use index into this list to color\neach series in multi-series charts. Falls back to primary if index is out of range.\n","type":"Basics.Int -> PF6.Charts.Theme.Theme -> String.String"}],"binops":[]},{"name":"PF6.Charts.Threshold","comment":" Threshold chart — a line chart with one or more horizontal threshold lines.\n\nCommon in infrastructure dashboards to show warning/danger levels\n(e.g. CPU at 80% warning, 95% critical).\n\n\n# Type\n\n@docs ThresholdChart\n\n\n# Constructor\n\n@docs fromData\n\n\n# Modifiers\n\n@docs withWidth, withHeight\n@docs withTheme\n@docs withColor\n@docs withXLabel, withYLabel\n@docs withTitle\n@docs withThresholdLabel\n@docs withLoading\n\n\n# Renderer\n\n@docs toSvg\n\n","unions":[{"name":"ThresholdChart","comment":" An opaque threshold chart configuration.\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"fromData","comment":" Create a threshold chart from `(x, y)` data pairs.\n\nAdd thresholds using `withThresholdLabel`.\n\n    chart =\n        Threshold.fromData cpuData\n            |> Threshold.withThresholdLabel 80 \"#f0ab00\" \"Warning\"\n            |> Threshold.withThresholdLabel 95 \"#c9190b\" \"Critical\"\n\n","type":"List.List ( Basics.Float, Basics.Float ) -> PF6.Charts.Threshold.ThresholdChart"},{"name":"toSvg","comment":" Render to `Html msg`.\n","type":"PF6.Charts.Threshold.ThresholdChart -> Html.Html msg"},{"name":"withColor","comment":" Override the main series color.\n","type":"String.String -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withHeight","comment":" Set chart height in pixels. Default: 250.\n","type":"Basics.Int -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withLoading","comment":" Show a skeleton placeholder instead of the chart while data is loading.\n","type":"Basics.Bool -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withTheme","comment":" Apply a `Theme`.\n","type":"PF6.Charts.Theme.Theme -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withThresholdLabel","comment":" Add a horizontal threshold line.\n\n    chart\n        |> Threshold.withThresholdLabel 80 \"#f0ab00\" \"Warning (80%)\"\n\n","type":"Basics.Float -> String.String -> String.String -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withTitle","comment":" Set the chart title.\n","type":"String.String -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withWidth","comment":" Set chart width in pixels. Default: 500.\n","type":"Basics.Int -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withXLabel","comment":" Set the x-axis label.\n","type":"String.String -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"},{"name":"withYLabel","comment":" Set the y-axis label.\n","type":"String.String -> PF6.Charts.Threshold.ThresholdChart -> PF6.Charts.Threshold.ThresholdChart"}],"binops":[]}]