hpd-lookup

New York City publishes every HPD housing violation as open data. This turns it into something a tenant can read.

GitHub npm MIT licensed Zero dependencies

§ 27-2005 ADM CODE REPAIR THE BROKEN OR DEFECTIVE PLASTERED SURFACES AND PAINT IN A UNIFORM COLOR AT EAST AND WEST WALLS IN THE 2ND ROOM FROM NORTH LOCATED AT APT 4B, 1ST STORY

Try it

Any NYC address. The examples are real buildings, one per borough.

One component, any brand

The same element, twice. Nothing differs between them except CSS custom properties set on the host — no forked stylesheet, no build flag, and nothing reaching inside the shadow root.

hpd-lookup {
  --hpd-font: "Inter", sans-serif;
  --hpd-font-display: "Domine", serif;
  --hpd-weight-strong: 500;
  --hpd-bg: #ffe3d5;
  --hpd-text: #0a0f33;
  --hpd-accent: #1e3ac8;
  --hpd-radius: 4px;
}

hpd-lookup {
  --hpd-font: "Public Sans", sans-serif;
  --hpd-weight-strong: 700;
  --hpd-label-transform: uppercase;
  --hpd-bg: #e3f0f0;
  --hpd-text: #111111;
  --hpd-accent: #0d7377;
  --hpd-open: #8c1c20;
}

Raw record, parsed output

What HPD returns, and what comes back out. Run a lookup above to fill this in.

Run a lookup above.

Run a lookup above.

Install

npm install @howellandgibbs/hpd-lookup