Skip to content
organui
GitHub repository, 214 stars

Lobar pneumonia

Bacteria, most often Streptococcus pneumoniae, fill the alveoli of a whole lobe with inflammatory exudate, so that part of the lung stops exchanging gas.

ICD-10 J18.1On the lungs4 stages

Installation

bunx shadcn@4.22.1 add @organui/lobar-pneumonia

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

View registry item JSON

Usage

import { LobarPneumonia } from "@/components/lobar-pneumonia"

export function LobarPneumoniaDemo() {
  return <LobarPneumonia />
}

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. Congestion "congestion"

    Days 1–2. Fever, rigors and a cough; the lobe fills with fluid and bacteria multiply.

    Affects 4 structures of the lungs.

  2. Red "red-hepatisation"

    Red hepatisation, days 2–4. The lobe is solid, red and airless, like liver; the cough brings up rust-coloured sputum.

    Affects 4 structures of the lungs.

  3. Grey "grey-hepatisation"

    Grey hepatisation, days 4–8. Red cells break down and the lobe turns grey-brown; with antibiotics, the fever settles.

    Affects 4 structures of the lungs.

  4. Resolution "resolution"

    From about day 8. Enzymes and macrophages clear the exudate and the lobe's structure returns to normal.

    Affects 4 structures of the lungs.

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 LobarPneumoniaProps from the same file as LobarPneumonia.

LobarPneumonia props
PropTypeDefaultDescription
scale"lungs"—Control the scale shown.
defaultScale"lungs""lungs"Choose the scale shown first.
onScaleChange(scale: string) => void—Receive the scale a reader chooses.
stage"congestion" | "red-hepatisation" | "grey-hepatisation" | "resolution"—Control the stage shown.
defaultStage"congestion" | "red-hepatisation" | "grey-hepatisation" | "resolution""congestion"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.

  • Lungs: BodyParts3D / Anatomography, © The Database Center for Life Science. CC BY-SA 2.1 Japan. Adapted by OrganUI., CC BY-SA 2.1 JP.

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