rust-web-server 18.10.0

Single-binary web server and reverse proxy: automatic HTTPS (Let's Encrypt), HTTP/1.1, HTTP/2 and HTTP/3, load balancing, auth and rate limiting, configured in one TOML file. Also a Rust library: routing, middleware, MCP server, ORM, background jobs. No hyper, no Tower; HTTP/2 and HTTP/3 framing via h2 and quinn.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

// Horizontal bar chart in plain HTML (dataviz skill: emphasis form). The
// highlighted entity gets the accent, the rest the de-emphasis grey; only the
// highlighted bar carries a direct label, the others are in the tooltip and
// in the table view below the charts. Every row is focusable for keyboards.
import { html, nothing } from "lit";

const fmt = (n, digits = 0) => n.toLocaleString("en-US", { maximumFractionDigits: digits });

export function barChart({ title, unit, better, rows, highlight = "rws", digits = 0, note }) {
  const shown = rows.filter((r) => r.value != null);
  const max = Math.max(...shown.map((r) => r.value));
  return html`
    <figure class="chart">
      <figcaption>
        <span class="chart-title">${title}</span>
        <span class="chart-better">${better === "higher" ? "Higher is better" : "Lower is better"}</span>
      </figcaption>
      <div class="bars" role="list">
        ${shown.map((r) => {
          const value = `${fmt(r.value, digits)} ${unit}`;
          const mine = r.name === highlight;
          return html`
            <div class=${mine ? "bar-row is-highlight" : "bar-row"} role="listitem" tabindex="0" aria-label=${`${r.name}: ${value}`} data-tip=${`${r.name} ยท ${value}`}>
              <span class="bar-name">${r.name}</span>
              <span class="bar-track" style=${`--f: ${(r.value / max).toFixed(4)}`}><span class="bar"></span>${mine ? html`<span class="bar-value">${value}</span>` : nothing}</span>
            </div>`;
        })}
      </div>
      ${note ? html`<p class="chart-note">${note}</p>` : nothing}
    </figure>`;
}