React Dose–Response

The pharmacology staple: response plotted against log concentration, with a fitted 4-parameter logistic sigmoid through the points, the IC50/EC50 marked by red drop-lines, and error bars on each measurement. Pass your own fit parameters (bottom, top, IC50, Hill) or let the component estimate them from the data. Concentration decades are labeled with real superscripts; the readout gives IC50, Hill slope, and plateau values.

Compound AXM-7734 — inhibition (IC50)

025507510010⁻210⁻1100101[µM] (log scale)
IC50 = 0.420 µMHill 1.10top 98% · bottom 2%

Agonist response (EC50) — estimated fit

0255075100100101102103[nM] (log scale)
EC50 = 17.32 nMHill 1.00top 97% · bottom 3%

The 4-parameter logistic fits the sigmoid; the red drop-lines mark the IC50/EC50. Hover a point for its exact response.

Installation

npx shadcn@latest add dose-response.json

Usage

Loading...

Props

PropTypeDefaultDescription
points{ conc, response, error? }[]Measurements (linear conc, % response)
fit{ bottom, top, ic50, hill }estimated4PL parameters; omitted → estimated fit
unitstring'µM'Concentration unit
metric'IC50' \'EC50''IC50'