Treatment Types

Available Treatments

The Dental Odontogram application supports 18 different treatment types, each with a unique mode constant, visual symbol, and application method.

Treatment Mode Constants

Treatments are identified by numeric constants defined in jquery.odontogram.js:

// Treatment mode constants
var ODONTOGRAM_MODE_HAPUS = 100          // Delete
var ODONTOGRAM_MODE_DEFAULT = 0          // Default (no treatment)
var ODONTOGRAM_MODE_AMF = 1              // Amalgam filling
var ODONTOGRAM_MODE_COF = 2              // Composite filling (Obturación)
var ODONTOGRAM_MODE_FIS = 3              // Pit and fissure sealant
var ODONTOGRAM_MODE_NVT = 4              // Deep groove (Surco Profundo)
var ODONTOGRAM_MODE_RCT = 5              // Root canal treatment
var ODONTOGRAM_MODE_NON = 6              // Tooth unknown status
var ODONTOGRAM_MODE_UNE = 7              // Un-erupted tooth
var ODONTOGRAM_MODE_PRE = 8              // Partial eruption (Paradentosis)
var ODONTOGRAM_MODE_ANO = 9              // Anomaly
var ODONTOGRAM_MODE_CARIES = 10          // Treatable caries
var ODONTOGRAM_MODE_CARIES_UNTREATABLE = 27  // Untreatable caries
var ODONTOGRAM_MODE_CFR = 11             // Extraction indicated
var ODONTOGRAM_MODE_FMC = 12             // Removable prosthesis
var ODONTOGRAM_MODE_POC = 13             // Porcelain crown
var ODONTOGRAM_MODE_RRX = 14             // Root remnant
var ODONTOGRAM_MODE_MIS = 15             // Missing tooth
var ODONTOGRAM_MODE_IPX = 16             // Implant
var ODONTOGRAM_MODE_FRM_ACR = 17         // Pivot
var ODONTOGRAM_MODE_BRIDGE = 18          // Bridge
var ODONTOGRAM_MODE_SIL = 28             // Sealant
var ODONTOGRAM_MODE_INC = 29             // Inlay
var ODONTOGRAM_MODE_ORT = 30             // Orthodontics
var ODONTOGRAM_MODE_RES = 31             // Restoration
var ODONTOGRAM_MODE_REF = 32             // Filtered restoration

Treatment Categories

Surface-Level Treatments

These treatments are applied to specific tooth surfaces (top, bottom, left, right, middle):

Caries - Treatable

Mode: ODONTOGRAM_MODE_CARIES (10)Symbol: Blue filled areaCode:

function CARIES(vertices, options) {
  this.name = 'CARIES'
  this.options = $.extend({ fillStyle: '#6896ecff' }, options)
}

Usage: Click on affected tooth surface. Fills the surface with blue color.Layer Support: Yes (red for pre-existing, blue for required in notes)

Obturación (Composite Filling)

Mode: ODONTOGRAM_MODE_COF (2)Symbol: /Ob text on surfaceCode:

function COF(vertices, options) {
  this.name = 'COF'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    font: 'bold 16px Arial',
    color: getColorForTreatment('COF', this.layer)
  }, options)
}

Usage: Select treatment, click tooth surface to mark filled area.Layer Support: Yes (displays in red or blue based on layer)

Surco Profundo (Deep Groove)

Mode: ODONTOGRAM_MODE_NVT (4)Symbol: /Sp text on surfaceCode:

function NVT(vertices, options) {
  this.name = 'NVT'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    font: 'bold 16px Arial',
    color: getColorForTreatment('NVT', this.layer)
  }, options)
}

Layer Support: Yes (red/blue based on layer)

Incrustación (Inlay)

Mode: ODONTOGRAM_MODE_INC (29)Symbol: I text on surfaceLayer Support: Yes (red/blue based on layer)

Restauración (Restoration)

Mode: ODONTOGRAM_MODE_RES (31)Symbol: Red filled triangle on surfaceCode:

function RES(vertices, options) {
  this.name = 'RES'
  this.options = $.extend({ fillStyle: '#dc3545' }, options)
}

Note: Always displays in red on the odontogram, layer system applies to notes only

Restauración Filtrada (Filtered Restoration)

Mode: ODONTOGRAM_MODE_REF (32)Symbol: /Rf text on surfaceLayer Support: Yes (red/blue based on layer)

Whole-Tooth Treatments

These treatments apply to the entire tooth:

Diente Ausente (Missing Tooth)

Mode: ODONTOGRAM_MODE_MIS (15)Symbol: Red X over entire toothCode:

function MIS(vertices, options) {
  this.name = 'MIS'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    strokeStyle: '#FF0000'  // Always RED in odontogram
  }, options)
}

Usage: Click on tooth to mark as missing.Note: Always displays in red, but layer system applies to data export

Diente No Erupcionado (Un-erupted)

Mode: ODONTOGRAM_MODE_UNE (7)Symbol: Blue X over entire toothCode:

function UNE(vertices, options) {
  this.name = 'UNE'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    strokeStyle: '#0066FF'  // Always BLUE in odontogram
  }, options)
}

Note: Always blue visual, layer system for notes only

Diente Indicado para Extracción

Mode: ODONTOGRAM_MODE_CFR (11)Symbol: = symbol in center of toothLayer Support: Yes (red/blue based on layer)

Paradentosis

Mode: ODONTOGRAM_MODE_PRE (8)Symbol: Pd text below toothCode:

function PRE(vertices, options) {
  this.name = 'PRE'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({ 
    fillStyle: getColorForTreatment('PRE', this.layer), 
    fontsize: 16 
  }, options)
}

Layer Support: Yes (red/blue based on layer)

Corona (Crown)

Mode: ODONTOGRAM_MODE_POC (13)Symbol: Circle ○ in center of toothCode:

function POC(vertices, options) {
  this.name = 'POC'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    strokeStyle: getColorForTreatment('POC', this.layer),
    fillStyle: 'transparent',
    lineWidth: 3
  }, options)
}

Layer Support: Yes (outline color changes with layer)

Prótesis Removible (Removable Prosthesis)

Mode: ODONTOGRAM_MODE_FMC (12)Symbol: Square □ outline over toothLayer Support: Yes (outline color changes with layer)

Pivot

Mode: ODONTOGRAM_MODE_FRM_ACR (17)Symbol: P text below toothLayer Support: Yes (text color changes with layer)

Implante (Implant)

Mode: ODONTOGRAM_MODE_IPX (16)Symbol: IM text below toothLayer Support: Yes (text color changes with layer)

Tratamiento de Conducto (Root Canal)

Mode: ODONTOGRAM_MODE_RCT (5)Symbol: Filled triangle ▼ below toothCode:

function RCT(vertices, options) {
  this.name = 'RCT'
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    strokeStyle: getColorForTreatment('RCT', this.layer),
    fillStyle: getColorForTreatment('RCT', this.layer),
    height: 25
  }, options)
}

Layer Support: Yes (triangle color changes with layer)

Ortodoncia (Orthodontics)

Mode: ODONTOGRAM_MODE_ORT (30)Symbol: ~ wave symbol on top/bottom surfacesLayer Support: Yes (symbol color changes with layer)

Multi-Tooth Treatments

Puente (Bridge)

Mode: ODONTOGRAM_MODE_BRIDGE (18)Symbol: Π shaped connector between teethCode:

function BRIDGE(startVert, endVert, options) {
  this.name = 'BRIDGE'
  this.startVert = startVert
  this.endVert = endVert
  this.layer = options && options.layer ? options.layer : CURRENT_ANNOTATION_LAYER
  this.options = $.extend({
    strokeStyle: getColorForTreatment('BRIDGE', this.layer),
    lineWidth: 3
  }, options)
}

Usage: Click first tooth, then click second tooth to create bridge connection.Layer Support: Yes (line color changes with layer)

Layer Color System

Most treatments support the dual-layer color system:

var LAYER_COLORS = {
  pre: '#FF0000',  // Red for pre-existing
  req: '#0066FF'   // Blue for required
}

function getColorForTreatment(treatmentName, layer) {
  if (shouldUseLayerColor(treatmentName)) {
    return LAYER_COLORS[layer] || '#000'
  }
  return '#000'  // Default color for pathologies
}

Exceptions

Some treatments always display in specific colors:

CARIES - Always blue (#6896ecff)
CARIES_UNTREATABLE - Always yellow (#FFC107)
MIS - Always red (#FF0000) on canvas
UNE - Always blue (#0066FF) on canvas
RES - Always red (#dc3545) on canvas

Even when treatments display in fixed colors on the odontogram, the layer system (pre-existing vs. required) is still tracked in the data export and notes.

Applying Treatments

Basic Application Flow

Select annotation layer - Choose “Prestación Preexistente” (red) or “Prestación Requerida” (blue)
Click treatment button - Treatment mode activates (button highlights)
Click tooth/surface - Treatment applies with appropriate color
View in notes - Treatment appears in notes section categorized by layer

Surface Positioning

For surface-level treatments, teeth are divided into 5 clickable areas:

Top - Occlusal/incisal surface
Bottom - Root/cervical area
Left - Mesial surface
Right - Distal surface
Middle - Central area

Event Handler

$('[id^="ODONTOGRAM_MODE_"]').click(function() {
  var modeName = $(this).attr('id')
  var modeValue = window[modeName]
  if (typeof modeValue !== 'undefined') {
    $('#odontogram').odontogram('setMode', modeValue)
    console.log('🔧 Mode set to:', modeName, 'Value:', modeValue)
  }
})

Treatment Deletion

Delete Individual Treatments

$('#ODONTOGRAM_MODE_HAPUS').click(function() {
  $(this).addClass('active')
  $('#odontogram').odontogram('setMode', ODONTOGRAM_MODE_HAPUS)
  console.log('🗑️ Delete mode activated')
})

Activate delete mode, then click on teeth to remove treatments.

Clear All Treatments

$('#ODONTOGRAM_MODE_DEFAULT').click(function() {
  if (treatmentCount > 0) {
    if (confirm('⚠️ ¿Está seguro que desea borrar todos los tratamientos?')) {
      $('#odontogram').odontogram('clearAll')
      $('#odontogram').odontogram('setMode', ODONTOGRAM_MODE_DEFAULT)
    }
  }
})

Clears entire odontogram after user confirmation.

Clearing all treatments cannot be undone. The application will prompt for confirmation before proceeding.

Get Started

User Guide

Features

Available Treatments

Treatment Mode Constants

Treatment Categories

Surface-Level Treatments

Whole-Tooth Treatments

Multi-Tooth Treatments

Layer Color System

Exceptions

Applying Treatments

Basic Application Flow

Surface Positioning

Event Handler

Treatment Deletion

Delete Individual Treatments

Clear All Treatments

Build docs developers (and LLMs) love

Get Started

User Guide

Features

​Available Treatments

​Treatment Mode Constants

​Treatment Categories

​Surface-Level Treatments

​Whole-Tooth Treatments

​Multi-Tooth Treatments

​Layer Color System

​Exceptions

​Applying Treatments

​Basic Application Flow

​Surface Positioning

​Event Handler

​Treatment Deletion

​Delete Individual Treatments

​Clear All Treatments

Build docs developers (and LLMs) love

Available Treatments

Treatment Mode Constants

Treatment Categories

Surface-Level Treatments

Whole-Tooth Treatments

Multi-Tooth Treatments

Layer Color System

Exceptions

Applying Treatments

Basic Application Flow

Surface Positioning

Event Handler

Treatment Deletion

Delete Individual Treatments

Clear All Treatments