Graves' disease

Autoantibodies stimulate the TSH receptor, causing hyperthyroidism with a diffuse goitre. In about a quarter of people, the same immune attack swells the tissues behind the eyes.

ICD-10 E05.0On the thyroid and eye3 stages

Installation

bunx shadcn@4.22.1 add @organui/graves-disease

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

View registry item JSON

Usage

import { GravesDisease } from "@/components/graves-disease"

export function GravesDiseaseDemo() {
  return <GravesDisease />
}

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.

Thyrotoxic "thyrotoxic"
Weight loss, tremor, heat intolerance and palpitations. Beta blockers ease the symptoms while carbimazole lowers hormone production.
Affects 4 structures of the thyroid and 1 structure of the eye.
Active eye "active-eye"
Active thyroid eye disease. The muscles and fat behind the eye swell and push it forward; stopping smoking and treating early limit the damage.
Affects 4 structures of the thyroid and 5 structures of the eye.
Inactive "inactive"
After one to two years the eye disease burns out. The thyroid is controlled; any remaining proptosis or squint can now be corrected surgically.
Affects 3 structures of the thyroid and 3 structures of the eye.

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.

"thyroid": the thyroid, 18 structures.
"eye": the eye, 21 structures.

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 GravesDiseaseProps from the same file as GravesDisease.

GravesDisease props
Prop	Type	Default	Description
`scale`	`"thyroid" \| "eye"`	—	Control the scale shown.
`defaultScale`	`"thyroid" \| "eye"`	"thyroid"	Choose the scale shown first.
`onScaleChange`	`(scale: string) => void`	—	Receive the scale a reader chooses.
`stage`	`"thyrotoxic" \| "active-eye" \| "inactive"`	—	Control the stage shown.
`defaultStage`	`"thyrotoxic" \| "active-eye" \| "inactive"`	"thyrotoxic"	Choose the stage shown first.
`onStageChange`	`(stage: string) => void`	—	Receive the stage a reader chooses.
`selectedId`	`string \| null`	null	Control the selected structure ID.
`onSelectionChange`	`(id: string \| null) => void`	—	Receive selections from the model and the panel.
`panel`	`boolean`	true	Show the stages, scales, findings and investigations beside the model.
`className`	`string`	—	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.

Thyroid: 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.