Skip to content
organui
GitHub repository, 214 stars

Autoimmune hepatitis

The immune system attacks hepatocytes. Portal inflammation spills into the lobule as interface hepatitis and, untreated, scars the liver towards cirrhosis.

ICD-10 K75.4On the liver and liver lobule3 stages

Installation

bunx shadcn@4.22.1 add @organui/autoimmune-hepatitis

This adds autoimmune-hepatitis.tsx, the disease's data and component, to your components directory. It is built on the disease viewer and reuses the models of the liver and liver lobule, which install with it.

View registry item JSON

Usage

import { AutoimmuneHepatitis } from "@/components/autoimmune-hepatitis"

export function AutoimmuneHepatitisDemo() {
  return <AutoimmuneHepatitis />
}

Every structure is a finding: affected structures are amber and spared ones muted. Select one, in 3D or in the panel, to read what the disease does there.

Course

Set stage or defaultStage to one of these. Each stage changes which structures are affected and the investigations to expect.

  1. Active "active"

    Interface hepatitis with high transaminases and IgG. Most people respond to steroids and azathioprine.

    Affects 1 structure of the liver and 3 structures of the lobule.

  2. Fibrosis "fibrosis"

    Repeated injury lays down collagen that bridges portal tracts. Treatment can still reverse it.

    Affects 1 structure of the liver and 4 structures of the lobule.

  3. Cirrhosis "cirrhosis"

    Regenerative nodules replace the lobules and portal pressure rises. About a third of adults already have cirrhosis at diagnosis.

    Affects 2 structures of the liver and 6 structures of the lobule.

Scales

Set scale or defaultScale to show the disease on another model. Each has its own structure IDs, so the viewer clears the selection when the scale changes.

Without Panel

Hide the panel to place the model in your own layout, and choose the scale and stage with props.

Controlled

Drive the stage, scale and selection from your own state, such as a patient's timeline.

API Reference

Import AutoimmuneHepatitisProps from the same file as AutoimmuneHepatitis.

AutoimmuneHepatitis props
PropTypeDefaultDescription
scale"liver" | "liver-lobule"—Control the scale shown.
defaultScale"liver" | "liver-lobule""liver"Choose the scale shown first.
onScaleChange(scale: string) => void—Receive the scale a reader chooses.
stage"active" | "fibrosis" | "cirrhosis"—Control the stage shown.
defaultStage"active" | "fibrosis" | "cirrhosis""active"Choose the stage shown first.
onStageChange(stage: string) => void—Receive the stage a reader chooses.
selectedIdstring | nullnullControl the selected structure ID.
onSelectionChange(id: string | null) => void—Receive selections from the model and the panel.
panelbooleantrueShow the stages, scales, findings and investigations beside the model.
classNamestring—Set the layout of the model and the panel.

Other props, such as visibility, controls, defaultView and ref, go to the organ viewer.

Models and licences

The component code is MIT. Each model keeps its own licence, and the viewer shows its credit; see Licences before hiding it.

  • Liver: BodyParts3D, © The Database Center for Life Science licensed under CC Attribution 4.0 International, CC BY 4.0.
  • Lobule: OrganUI liver lobule schematic model, dedicated to the public domain under CC0 1.0, CC0 1.0.

Educational, not for diagnosis or clinical decisions. The findings summarise typical disease; individual patients differ.