From 65745b734789a83319c0fc6f203ad29fb7dd0d7d Mon Sep 17 00:00:00 2001
From: Adnane Belmadiaf <adnane002@gmail.com>
Date: Tue, 29 Oct 2024 16:57:21 +0100
Subject: [PATCH] feat(TGAReader): add vtkTGAReader

fixes #3155
---
 .../docs/gallery/TGAReaderWithIcon.jpg        | Bin 0 -> 14432 bytes
 Documentation/content/examples/index.md       | 786 +++++++++---------
 Sources/IO/Image/TGAReader/Constants.js       |  27 +
 Sources/IO/Image/TGAReader/example/index.js   | 122 +++
 Sources/IO/Image/TGAReader/index.d.ts         | 121 +++
 Sources/IO/Image/TGAReader/index.js           | 535 ++++++++++++
 Sources/IO/Image/index.js                     |   2 +
 7 files changed, 1201 insertions(+), 392 deletions(-)
 create mode 100644 Documentation/content/docs/gallery/TGAReaderWithIcon.jpg
 create mode 100644 Sources/IO/Image/TGAReader/Constants.js
 create mode 100644 Sources/IO/Image/TGAReader/example/index.js
 create mode 100644 Sources/IO/Image/TGAReader/index.d.ts
 create mode 100644 Sources/IO/Image/TGAReader/index.js

diff --git a/Documentation/content/docs/gallery/TGAReaderWithIcon.jpg b/Documentation/content/docs/gallery/TGAReaderWithIcon.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d0cd9a8f691890d92ce1cd5d1b811c225147b086
GIT binary patch
literal 14432
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

literal 0
HcmV?d00001

diff --git a/Documentation/content/examples/index.md b/Documentation/content/examples/index.md
index b3969aac5b1..c88f6b13c2a 100644
--- a/Documentation/content/examples/index.md
+++ b/Documentation/content/examples/index.md
@@ -1,392 +1,394 @@
-title: Examples
----
-
-<style>
-  .categories {
-    columns: 2 200px;
-    column-gap: 1rem;
-  }
-
-  .category {
-    break-inside: avoid;
-    display: inline-block;
-    width: 100%;
-  }
-
-  .categories br {
-    display: none;
-  }
-
-  .category ul {
-    margin-top: 0;
-  }
-
-  .gallery img {
-    width: 32%;
-    display: inline-block;
-    padding: 2px;
-  }
-
-  .gallery br {
-    display: none;
-  }
-</style>
-
-This will allow you to see the some live code running in your browser. Just pick a class on the left menu or in the category grouping below. The [Simple Cone](SimpleCone.html) is a good example to start with if you are new to VTK.
-
-<div class="gallery">
-
-[![VolumeContour Example][VolumeContour]](./VolumeContour.html)
-[![MultiSliceImageMapper Example][MultiSliceImageMapper]](./MultiSliceImageMapper.html)
-[![PiecewiseGaussianWidget Example][PiecewiseGaussianWidget]](./PiecewiseGaussianWidget.html)
-
-</div>
-
-[MultiSliceImageMapper]: ../docs/gallery/MultiSliceImageMapper.jpg
-[PiecewiseGaussianWidget]: ../docs/gallery/PiecewiseGaussianWidget.jpg
-[VolumeContour]: ../docs/gallery/VolumeContour.jpg
-
-# Applications
-
-<div class="gallery">
-
-[![GeometryViewer Example][GeometryViewerBrainBloodVessels]](./GeometryViewer.html "Load and visualize meshes")
-[![OBJViewerFerrari Example][OBJViewerFerrari]](./OBJViewer.html "Load OBJ files with textures")
-[![SceneExplorer Example][SceneExplorerVesselWithStreamlines]](./SceneExplorer.html "Load exported ParaView scenes")
-[![SkyboxViewer Example][SkyboxViewer]](./SkyboxViewer.html "Skybox with VR support")
-[![VolumeViewer Example][VolumeViewer]](./VolumeViewer.html "Load and visualize volumes")
-[![QuadView Example][QuadView]](./QuadView.html "QuadView")
-
-</div>
-
-[GeometryViewerBrainBloodVessels]: ../docs/gallery/GeometryViewerBrainBloodVessels2.jpg
-[OBJViewerFerrari]: ../docs/gallery/OBJViewerFerrari.jpg
-[SceneExplorerVesselWithStreamlines]: ../docs/gallery/SceneExplorerVesselWithStreamlines.jpg
-[SkyboxViewer]: ../docs/gallery/SkyboxViewer.jpg
-[VolumeViewer]: ../docs/gallery/VolumeViewer.jpg
-[QuadView]: ../docs/gallery/QuadView.jpg
-
-# Geometry
-
-<div class="gallery">
-
-[![ImplicitBoolean Example][ImplicitBoolean]](./ImplicitBoolean.html "ImplicitBoolean")
-
-<div>
-
-[ImplicitBoolean]: ../docs/gallery/ImplicitBoolean.jpg
-
-# Volume
-
-<div class="gallery">
-
-[![MultiSliceImageMapper Example][MultiSliceImageMappergif]](./MultiSliceImageMapper.html "MultiSliceImageMapper")
-[![TestVolumeTypes Example][TestVolumeTypes]](./TestVolumeTypes.html "TestVolumeTypes")
-
-<div>
-
-[MultiSliceImageMappergif]: ../docs/gallery/MultiSliceImageMapper.gif
-[TestVolumeTypes]: ../docs/gallery/TestVolumeTypes.jpg
-
-# Filters
-
-<div class="gallery">
-
-[![Calculator Example][Calculator2]](./Calculator.html "Calculator")
-[![ClipClosedSurface Example][ClipClosedSurface]](./ClipClosedSurface.html "ClipClosedSurface")
-[![ContourLoopExtraction Example][ContourLoopExtraction]](./ContourLoopExtraction.html "ContourLoopExtraction")
-[![ContourTriangulator Example][ContourTriangulator]](./ContourTriangulator.html "ContourTriangulator")
-[![ImageCropFilter Example][ImageCropFilter]](./ImageCropFilter.html "ImageCropFilter")
-[![ImageMarchingCubes Example][ImageMarchingCubes]](./ImageMarchingCubes.html "ImageMarchingCubes")
-[![ImageMarchingSquares Example][ImageMarchingSquares]](./ImageMarchingSquares.html "ImageMarchingSquares")
-[![ImageStreamline Example][ImageStreamline]](./ImageStreamline.html "ImageStreamline")
-[![OBBTree Example][OBBTree]](./OBBTree.html "OBBTree")
-[![OutlineFilter Example][OutlineFilter]](./OutlineFilter.html "OutlineFilter")
-[![ScalarToRGBA Example][ScalarToRGBA]](./ScalarToRGBA.html "ScalarToRGBA")
-[![TriangleFilter Example][TriangleFilter]](./TriangleFilter.html "TriangleFilter")
-[![TubeFilter Example][TubeFilter]](./TubeFilter.html "TubeFilter")
-[![Cutter Example][Cutter]](./Cutter.html "Cutter")
-[![PolyDataNormals Example][PolyDataNormals]](./PolyDataNormals.html "PolyDataNormals")
-
-<div>
-
-[Calculator2]: ../docs/gallery/Calculator2.jpg
-[ClipClosedSurface]: ../docs/gallery/ClipClosedSurface.jpg
-[ContourLoopExtraction]: ../docs/gallery/ContourLoopExtraction.jpg
-[ContourTriangulator]: ../docs/gallery/ContourTriangulator.jpg
-[ImageCropFilter]: ../docs/gallery/ImageCropFilter.jpg
-[ImageMarchingCubes]: ../docs/gallery/ImageMarchingCubes.jpg
-[ImageMarchingSquares]: ../docs/gallery/ImageMarchingSquares.jpg
-[ImageStreamline]: ../docs/gallery/ImageStreamline.jpg
-[OBBTree]: ../docs/gallery/OBBTree.jpg
-[OutlineFilter]: ../docs/gallery/OutlineFilter.jpg
-[ScalarToRGBA]: ../docs/gallery/ScalarToRGBA.jpg
-[TriangleFilter]: ../docs/gallery/TriangleFilter.jpg
-[TubeFilter]: ../docs/gallery/TubeFilter.jpg
-[Cutter]: ../docs/gallery/Cutter.jpg
-[PolyDataNormals]: ../docs/gallery/PolyDataNormals.jpg
-
-# Sources
-
-<div class="gallery">
-
-[![ArrowSource Example][ArrowSource]](./ArrowSource.html "ArrowSource")
-[![CircleSource Example][CircleSource]](./CircleSource.html "CircleSource")
-[![ConcentricCylinderSource Example][ConcentricCylinderSource]](./ConcentricCylinderSource.html "ConcentricCylinderSource")
-[![ConeSource Example][ConeSource]](./ConeSource.html "ConeSource")
-[![Cone Example][Cone]](./Cone.html "Cone source")
-[![CubeSource Example][CubeSource]](./CubeSource.html "CubeSource")
-[![Cursor3D Example][Cursor3D]](./Cursor3D.html "Cursor3D")
-[![CylinderSource Example][CylinderSource]](./CylinderSource.html "CylinderSource")
-[![LineSource Example][LineSource]](./LineSource.html "LineSource")
-[![PlaneSource Example][PlaneSource]](./PlaneSource.html "PlaneSource")
-[![PointSource Example][PointSource]](./PointSource.html "PointSource")
-[![SLICSource Example][SLICSource]](./SLICSource.html "SLICSource")
-[![SphereSource Example][SphereSource]](./SphereSource.html "SphereSource")
-[![WarpScalar Example][WarpScalargif]](./WarpScalar.html "WarpScalar")
-[![WindowedSincPolyDataFilter Example][WindowedSincPolyDataFilter]](./WindowedSincPolyDataFilter.html "WindowedSincPolyDataFilter")
-
-<div>
-
-[ArrowSource]: ../docs/gallery/ArrowSource.jpg
-[CircleSource]: ../docs/gallery/CircleSource.jpg
-[ConcentricCylinderSource]: ../docs/gallery/ConcentricCylinderSource.jpg
-[ConeSource]: ../docs/gallery/ConeSource.jpg
-[Cone]: ../docs/gallery/Cone.jpg
-[CubeSource]: ../docs/gallery/CubeSource.jpg
-[Cursor3D]: ../docs/gallery/Cursor3D.gif
-[CylinderSource]: ../docs/gallery/CylinderSource.jpg
-[LineSource]: ../docs/gallery/LineSource.jpg
-[PlaneSource]: ../docs/gallery/PlaneSource.jpg
-[PointSource]: ../docs/gallery/PointSource.jpg
-[SLICSource]: ../docs/gallery/SLICSource.jpg
-[SphereSource]: ../docs/gallery/SphereSource.gif
-[WarpScalargif]: ../docs/gallery/WarpScalar.gif
-[WindowedSincPolyDataFilter]: ../docs/gallery/WindowedSincPolyDataFilter.gif
-
-# IO
-
-<div class="gallery">
-
-[![DracoReader Example][DracoReaderWithIcon]](./DracoReader.html "Draco reader(drc)")
-[![PLYReader Example][PLYReaderWithIcon]](./PLYReader.html "PLY reader(ply)")
-[![PLYWriter Example][PLYWriterWithIcon]](./PLYWriter.html "PLY writer(ply)")
-[![STLReader Example][STLReaderWithIcon]](./STLReader.html "STL reader(stl)")
-[![STLWriter Example][STLWriterWithIcon]](./STLWriter.html "STL writer(stl)")
-[![PolyDataReader Example][PolyDataReaderWithIcon]](./PolyDataReader.html "VTK legacy reader(VTK)")
-[![ElevationReader Example][ElevationReaderWithIcon]](./ElevationReader.html "Elevation reader(CSV, JPG)")
-[![OBJReader Example][OBJReaderWithIcon]](./OBJReader.html "OBJ reader(OBJ, MTL, JPG)")
-[![PDBReader Example][PDBReaderWithIcon]](./PDBReader.html "PDB reader(OBJ, MTL, JPG)")
-[![XMLImageDataWriter Example][XMLImageDataWriterWithIcon]](./XMLImageDataWriter.html "ImageData XML writer(VTI)")
-[![XMLPolyDataDataWriter Example][XMLPolyDataWriterWithIcon]](./XMLPolyDataWriter.html "PolyData XML writer(VTP)")
-[![ZipHttpReader Example][ZipHttpReaderWithIcon]](./ZipHttpReader.html "ZIP http reader(ZIP)")
-[![HttpDataSetReader Example][HttpDataSetReaderWithIcon]](./HttpDataSetReader.html "Import a VTK dataset")
-[![HttpDataSetSeriesReader Example][HttpDataSetSeriesReaderWithIcon]](./HttpDataSetSeriesReader.html "Import a VTK dataset with time support.")
-[![HttpSceneLoader Example][HttpSceneLoaderWithIcon]](./HttpSceneLoader.html "Import a VTK scene (data + representation)")
-[![OfflineLocalView Example][OfflineLocalViewWithIcon]](./OfflineLocalView.html "Load a serialized scene (VTKSZ)")
-[![G-Code Example][GCodeReaderWithIcon]](./GCodeReader.html "G-Code reader(gcode)")
-[![HDRReader Example][HDRReaderWithIcon]](./HDRReader.html "Load an HDR image")
-
-</div>
-
-[DracoReaderWithIcon]: ../docs/gallery/DracoReaderWithIcon.jpg
-[PLYReaderWithIcon]: ../docs/gallery/PLYReaderWithIcon.jpg
-[PLYWriterWithIcon]: ../docs/gallery/PLYWriterWithIcon.jpg
-[STLReaderWithIcon]: ../docs/gallery/STLReaderWithIcon.jpg
-[STLWriterWithIcon]: ../docs/gallery/STLWriterWithIcon.jpg
-[PolyDataReaderWithIcon]: ../docs/gallery/VTKReaderWithIcon.jpg
-[ElevationReaderWithIcon]: ../docs/gallery/ElevationReaderWithIcon.jpg
-[OBJReaderWithIcon]: ../docs/gallery/OBJReaderWithIcon.jpg
-[PDBReaderWithIcon]: ../docs/gallery/PDBReaderWithIcon.jpg
-[XMLImageDataWriterWithIcon]: ../docs/gallery/XMLImageDataWriterWithIcon.jpg
-[XMLPolyDataWriterWithIcon]: ../docs/gallery/XMLPolyDataWriterWithIcon.jpg
-[ZipHttpReaderWithIcon]: ../docs/gallery/ZipHttpReaderWithIcon.jpg
-[HttpDataSetReaderWithIcon]: ../docs/gallery/HttpDataSetReaderWithIcon.jpg
-[HttpDataSetSeriesReaderWithIcon]: ../docs/gallery/HttpDataSetSeriesReaderWithIcon.gif
-[HttpSceneLoaderWithIcon]: ../docs/gallery/HttpSceneLoaderWithIcon.jpg
-[OfflineLocalViewWithIcon]: ../docs/gallery/OfflineLocalViewWithIcon.jpg
-[GCodeReaderWithIcon]: ../docs/gallery/GCodeReaderWithIcon.jpg
-[HDRReaderWithIcon]: ../docs/gallery/HDRReaderWithIcon.jpg
-
-# Actors
-
-<div class="gallery">
-
-[![ScalarBarActor Example][ScalarBarActor]](./ScalarBarActor.html "Scalar bar/color legend/LUT actor")
-[![Actor2D Example][Actor2D]](./Actor2D.html "Actor2D")
-[![CubeAxes Example][CubeAxes]](./CubeAxes.html "Cube axes around an actor")
-
-</div>
-
-[ScalarBarActor]: ../docs/gallery/ScalarBarActor.jpg
-[Actor2D]: ../docs/gallery/Actor2D.jpg
-[CubeAxes]: ../docs/gallery/CubeAxes.jpg
-
-# Rendering
-
-<div class="gallery">
-
-[![DepthTest Example][DepthTest]](./DepthTest.html "Capture and render the depth buffer of the scene")
-[![Texture Example][Texture]](./Texture.html "Apply a texture on a sphere")
-[![Convolution2DPass Example][Convolution2DPass]](./Convolution2DPass.html "Convolution2DPass")
-[![ManyRenderers Example][ManyRenderers]](./ManyRenderers.html "ManyRenderers")
-[![ManyRenderWindows Example][ManyRenderWindows]](./ManyRenderWindows.html "ManyRenderWindows")
-
-</div>
-
-[Convolution2DPass]: ../docs/gallery/Convolution2DPass.gif
-[DepthTest]: ../docs/gallery/DepthTest.jpg
-[Texture]: ../docs/gallery/Texture.jpg
-[ManyRenderers]: ../docs/gallery/ManyRenderers.gif
-[ManyRenderWindows]: ../docs/gallery/ManyRenderWindows.jpg
-
-## Geometry Rendering
-
-<div class="gallery">
-
-[![SphereMapper Example][SphereMapper]](./SphereMapper.html "GPU sphere mapper")
-[![StickMapper Example][StickMapper]](./StickMapper.html "GPU stick/cylinder/column mapper")
-[![Glyph3DMapper Example][Glyph3DMapper]](./Glyph3DMapper.html "Glyph mapper to render the same object multiple times")
-[![SphereArrays Example][SphereArray]](./SphereArray.html "SphereArray")
-[![GlyphRotation Example][GlyphRotation]](./GlyphRotation.html "Apply rotations on the glyph mapper")
-[![TimeSeries Example][TimeSeries]](./TimeSeries.html "Time based dataset")
-[![SurfaceLICMapper Example][SurfaceLICMapper]](./SurfaceLICMapper.html "Surface Line Integral Convolution (LIC) mapper")
-
-</div>
-
-[SurfaceLICMapper]: ../docs/gallery/SurfaceLICMapper.jpg
-[Glyph3DMapper]: ../docs/gallery/Glyph3DMapper.jpg
-[SphereMapper]: ../docs/gallery/SphereMapper.jpg
-[StickMapper]: ../docs/gallery/StickMapper.jpg
-[SphereArray]: ../docs/gallery/SphereArray.jpg
-[GlyphRotation]: ../docs/gallery/GlyphRotation.jpg
-[TimeSeries]: ../docs/gallery/TimeSeries.gif
-
-## Image Rendering
-
-<div class="gallery">
-
-[![ImageLabelOutline Example][ImageLabelOutline]](./ImageLabelOutline.html "ImageLabelOutline")
-[![ImageMapper Example][ImageMapper]](./ImageMapper.html "2D orthogonal axis image mapper")
-[![ImageResliceMapper Example][ImageResliceMapper]](./ImageResliceMapper.html "GPU 2D reslice/oblique/MPR mapper")
-[![ImageCPRMapper Example][ImageCPRMapper]](./ImageCPRMapper.html "Curved Planar Reformat GPU mapper, stretched and straightened")
-[![VolumeOutline Example][VolumeOutline]](./VolumeOutline.html "VolumeOutline")
-
-<div>
-
-[ImageLabelOutline]: ../docs/gallery/ImageLabelOutline.jpg
-[ImageCPRMapper]: ../docs/gallery/ImageCPRMapper.jpg
-[ImageResliceMapper]: ../docs/gallery/ImageResliceMapper.gif
-[ImageMapper]: ../docs/gallery/ImageMapper.jpg
-[VolumeOutline]: ../docs/gallery/VolumeOutline.jpg
-
-## Volume Rendering
-
-<div class="gallery">
-
-[![VolumeClipPlane Example][VolumeClipPlane]](./VolumeClipPlane.html "VolumeClipPlane")
-[![VolumeContour Example][VolumeContourgif]](./VolumeContour.html "VolumeContour")
-[![VolumeMapperBlendModes Example][VolumeMapperBlendModes]](./VolumeMapperBlendModes.html "VolumeMapperBlendModes")
-[![VolumeMapperLightAndShadow Example][VolumeMapperLightAndShadow]](./VolumeMapperLightAndShadow.html "VolumeMapperLightAndShadow")
-[![VolumeMapperParallelProjection Example][VolumeMapperParallelProjection]](./VolumeMapperParallelProjection.html "VolumeMapperParallelProjection")
-[![VolumeRenderingWithPolyData Example][VolumeRenderingWithPolyData]](./VolumeRenderingWithPolyData.html "VolumeRenderingWithPolyData")
-[![VolumeMapper Example][VolumeMapper]](./VolumeMapper.html "3D volume ray cast mapper witch volumetric scattering")
-[![LabelmapEdgeProjection Example][LabelmapEdgeProjection]](./LabelmapEdgeProjection.html "Labelmap edge projection in the volume")
-
-</div>
-
-[VolumeClipPlane]: ../docs/gallery/VolumeClipPlane.jpg
-[VolumeContourgif]: ../docs/gallery/VolumeContour.gif
-[VolumeMapperBlendModes]: ../docs/gallery/VolumeMapperBlendModes.gif
-[VolumeMapperLightAndShadow]: ../docs/gallery/VolumeMapperLightAndShadow.jpg
-[VolumeMapperParallelProjection]: ../docs/gallery/VolumeMapperParallelProjection.jpg
-[VolumeRenderingWithPolyData]: ../docs/gallery/VolumeRenderingWithPolyData.jpg
-[VolumeMapper]: ../docs/gallery/VolumeMapper.jpg
-[LabelmapEdgeProjection]: ../docs/gallery/LabelmapEdgeProjection.gif
-
-
-# Interaction/Picking/Selecting
-
-<div class="gallery">
-
-[![DeviceOrientationToCamera Example][DeviceOrientationToCamera]](./DeviceOrientationToCamera.html "DeviceOrientationToCamera")
-[![InteractorStyleHMDXR Example][InteractorStyleHMDXR]](./InteractorStyleHMDXR.html "InteractorStyleHMDXR")
-[![InteractorStyleManipulator Example][InteractorStyleManipulator]](./InteractorStyleManipulator.html "InteractorStyleManipulator")
-[![InteractorStyleTrackballCamera Example][InteractorStyleTrackballCamera]](./InteractorStyleTrackballCamera.html "InteractorStyleTrackballCamera")
-[![InteractorStyleUnicam Example][InteractorStyleUnicam]](./InteractorStyleUnicam.html "InteractorStyleUnicam")
-[![KeyboardCameraManipulator Example][KeyboardCameraManipulator]](./KeyboardCameraManipulator.html "KeyboardCameraManipulator")
-[![MouseRangeManipulator Example][MouseRangeManipulator]](./MouseRangeManipulator.html "MouseRangeManipulator")
-[![PiecewiseGaussianWidget Example][PiecewiseGaussianWidget]](./PiecewiseGaussianWidget.html "PiecewiseGaussianWidget")
-[![TimeStepBasedAnimationHandler Example][TimeStepBasedAnimationHandler]](./TimeStepBasedAnimationHandler.html "TimeStepBasedAnimationHandler")
-[![CellPicker Example][CellPicker]](./CellPicker.html "CPU cell picker/selector")
-[![PointPicker Example][PointPicker]](./PointPicker.html "CPU point picker/selector")
-[![HardwareSelector Example][HardwareSelector]](./HardwareSelector.html "GPU point/cell picker/selector with properties")
-
-</div>
-
-[DeviceOrientationToCamera]: ../docs/gallery/DeviceOrientationToCamera.jpg
-[InteractorStyleHMDXR]: ../docs/gallery/InteractorStyleHMDXR.jpg
-[InteractorStyleManipulator]: ../docs/gallery/InteractorStyleManipulator.jpg
-[InteractorStyleTrackballCamera]: ../docs/gallery/InteractorStyleTrackballCamera.jpg
-[InteractorStyleUnicam]: ../docs/gallery/InteractorStyleUnicam.jpg
-[KeyboardCameraManipulator]: ../docs/gallery/KeyboardCameraManipulator.jpg
-[MouseRangeManipulator]: ../docs/gallery/MouseRangeManipulator.jpg
-[PiecewiseGaussianWidget]: ../docs/gallery/PiecewiseGaussianWidget.jpg
-[TimeStepBasedAnimationHandler]: ../docs/gallery/TimeStepBasedAnimationHandler.gif
-[CellPicker]: ../docs/gallery/CellPicker.jpg
-[PointPicker]: ../docs/gallery/PointPicker.jpg
-[HardwareSelector]: ../docs/gallery/HardwareSelector.jpg
-
-# Widgets
-
-<div class="gallery">
-
-[![AngleWidget Example][AngleWidget]](./AngleWidget.html "Angle (radian, degree) widget example")
-[![Box Example][Box]](./Box.html "Box")
-[![ImageCroppingWidget Example][ImageCroppingWidget]](./ImageCroppingWidget.html "Crop/Clip volume rendering with a bounding box/cube/orthogonal planes")
-[![ImplicitPlaneWidget Example][ImplicitPlaneWidget]](./ImplicitPlaneWidget.html "Translate and orient an implicit plane with normal and origin")
-[![InteractiveOrientationWidget Example][InteractiveOrientationWidget]](./InteractiveOrientationWidget.html "Corner coordinate system orientation widget")
-[![LabelWidget Example][LabelWidget]](./LabelWidget.html "Place, edit text size and color of label widget")
-[![LineWidget Example][LineWidget]](./LineWidget.html "Place and edit line/distance widget with handles")
-[![PaintWidget Example][PaintWidget]](./PaintWidget.html "Draw strokes, create rectangle, square, ellipse and disk 2D widgets")
-[![PolyLineWidget Example][PolyLineWidget]](./PolyLineWidget.html "Place multiple connected handles with text")
-[![ResliceCursorWidget Example][ResliceCursorWidget]](./ResliceCursorWidget.html "Axial Coronal and Sagittal MPR/Oblique/Reformatted/Resliced/Slab/MIP views")
-[![ShapeWidget Example][ShapeWidget]](./ShapeWidget.html "2D shape widgets with text information")
-[![SphereWidget Example][SphereWidget]](./SphereWidget.html "2D sphere widget controlled with radius")
-[![SplineWidget Example][SplineWidget]](./PaintWidget.html "Widget to draw open or closed (triangularized) sharp/smooth polygon widget")
-
-</div>
-
-[AngleWidget]: ../docs/gallery/AngleWidget.png
-[ImageCroppingWidget]: ../docs/gallery/ImageCroppingWidget.jpg
-[ImplicitPlaneWidget]: ../docs/gallery/ImplicitPlaneWidget.png
-[InteractiveOrientationWidget]: ../docs/gallery/InteractiveOrientationWidget.png
-[LabelWidget]: ../docs/gallery/LabelWidget.png
-[LineWidget]: ../docs/gallery/LineWidget.png
-[PaintWidget]: ../docs/gallery/PaintWidget.gif
-[PolyLineWidget]: ../docs/gallery/PolyLineWidget.png
-[ResliceCursorWidget]: ../docs/gallery/ResliceCursorWidget.gif
-[ShapeWidget]: ../docs/gallery/ShapeWidget.png
-[SphereWidget]: ../docs/gallery/SphereWidget.jpg
-[SplineWidget]: ../docs/gallery/SplineWidget.gif
-[Box]: ../docs/gallery/Box.jpg
-
-# Connectivity
-
-<div class="gallery">
-
-[![AR Example][ARWithLogo]](./AR.html "AR with WebXR")
-[![VR Example][VRWithLogo]](./VR.html "VR with WebXR")
-[![LookingGlass Example][LookingGlassWithLogo]](./LookingGlass.html "Render scene into a LookingGlass device")
-[![ItkWasmVolume Example][ItkWasmVolumeWithLogo]](./ItkWasmVolume.html "ItkWasmVolume")
-[![RemoteView Example][RemoteViewWithLogos]](./RemoteView.html "Connect a VTK or ParaView Python backend server via WebSockets")
-[![ImageStream Example][ImageStreamWithLogos]](./ImageStream.html "Stream a ParaView Python backend server via WebSockets under a VTK.js rendering")
-
-</div>
-
-[ARWithLogo]: ../docs/gallery/ArConeWithLogo.jpg
-[VRWithLogo]: ../docs/gallery/VrConeWithLogo.jpg
-[LookingGlassWithLogo]: ../docs/gallery/LookingGlassConeWithLogo.jpg
-[ItkWasmVolumeWithLogo]: ../docs/gallery/ItkWasmVolumeWithLogo.jpg
-[RemoteViewWithLogos]: ../docs/gallery/RemoteViewWithLogos.jpg
-[ImageStreamWithLogos]: ../docs/gallery/ImageStreamWithLogos.jpg
+title: Examples
+---
+
+<style>
+  .categories {
+    columns: 2 200px;
+    column-gap: 1rem;
+  }
+
+  .category {
+    break-inside: avoid;
+    display: inline-block;
+    width: 100%;
+  }
+
+  .categories br {
+    display: none;
+  }
+
+  .category ul {
+    margin-top: 0;
+  }
+
+  .gallery img {
+    width: 32%;
+    display: inline-block;
+    padding: 2px;
+  }
+
+  .gallery br {
+    display: none;
+  }
+</style>
+
+This will allow you to see the some live code running in your browser. Just pick a class on the left menu or in the category grouping below. The [Simple Cone](SimpleCone.html) is a good example to start with if you are new to VTK.
+
+<div class="gallery">
+
+[![VolumeContour Example][VolumeContour]](./VolumeContour.html)
+[![MultiSliceImageMapper Example][MultiSliceImageMapper]](./MultiSliceImageMapper.html)
+[![PiecewiseGaussianWidget Example][PiecewiseGaussianWidget]](./PiecewiseGaussianWidget.html)
+
+</div>
+
+[MultiSliceImageMapper]: ../docs/gallery/MultiSliceImageMapper.jpg
+[PiecewiseGaussianWidget]: ../docs/gallery/PiecewiseGaussianWidget.jpg
+[VolumeContour]: ../docs/gallery/VolumeContour.jpg
+
+# Applications
+
+<div class="gallery">
+
+[![GeometryViewer Example][GeometryViewerBrainBloodVessels]](./GeometryViewer.html "Load and visualize meshes")
+[![OBJViewerFerrari Example][OBJViewerFerrari]](./OBJViewer.html "Load OBJ files with textures")
+[![SceneExplorer Example][SceneExplorerVesselWithStreamlines]](./SceneExplorer.html "Load exported ParaView scenes")
+[![SkyboxViewer Example][SkyboxViewer]](./SkyboxViewer.html "Skybox with VR support")
+[![VolumeViewer Example][VolumeViewer]](./VolumeViewer.html "Load and visualize volumes")
+[![QuadView Example][QuadView]](./QuadView.html "QuadView")
+
+</div>
+
+[GeometryViewerBrainBloodVessels]: ../docs/gallery/GeometryViewerBrainBloodVessels2.jpg
+[OBJViewerFerrari]: ../docs/gallery/OBJViewerFerrari.jpg
+[SceneExplorerVesselWithStreamlines]: ../docs/gallery/SceneExplorerVesselWithStreamlines.jpg
+[SkyboxViewer]: ../docs/gallery/SkyboxViewer.jpg
+[VolumeViewer]: ../docs/gallery/VolumeViewer.jpg
+[QuadView]: ../docs/gallery/QuadView.jpg
+
+# Geometry
+
+<div class="gallery">
+
+[![ImplicitBoolean Example][ImplicitBoolean]](./ImplicitBoolean.html "ImplicitBoolean")
+
+</div>
+
+[ImplicitBoolean]: ../docs/gallery/ImplicitBoolean.jpg
+
+# Volume
+
+<div class="gallery">
+
+[![MultiSliceImageMapper Example][MultiSliceImageMappergif]](./MultiSliceImageMapper.html "MultiSliceImageMapper")
+[![TestVolumeTypes Example][TestVolumeTypes]](./TestVolumeTypes.html "TestVolumeTypes")
+
+</div>
+
+[MultiSliceImageMappergif]: ../docs/gallery/MultiSliceImageMapper.gif
+[TestVolumeTypes]: ../docs/gallery/TestVolumeTypes.jpg
+
+# Filters
+
+<div class="gallery">
+
+[![Calculator Example][Calculator2]](./Calculator.html "Calculator")
+[![ClipClosedSurface Example][ClipClosedSurface]](./ClipClosedSurface.html "ClipClosedSurface")
+[![ContourLoopExtraction Example][ContourLoopExtraction]](./ContourLoopExtraction.html "ContourLoopExtraction")
+[![ContourTriangulator Example][ContourTriangulator]](./ContourTriangulator.html "ContourTriangulator")
+[![ImageCropFilter Example][ImageCropFilter]](./ImageCropFilter.html "ImageCropFilter")
+[![ImageMarchingCubes Example][ImageMarchingCubes]](./ImageMarchingCubes.html "ImageMarchingCubes")
+[![ImageMarchingSquares Example][ImageMarchingSquares]](./ImageMarchingSquares.html "ImageMarchingSquares")
+[![ImageStreamline Example][ImageStreamline]](./ImageStreamline.html "ImageStreamline")
+[![OBBTree Example][OBBTree]](./OBBTree.html "OBBTree")
+[![OutlineFilter Example][OutlineFilter]](./OutlineFilter.html "OutlineFilter")
+[![ScalarToRGBA Example][ScalarToRGBA]](./ScalarToRGBA.html "ScalarToRGBA")
+[![TriangleFilter Example][TriangleFilter]](./TriangleFilter.html "TriangleFilter")
+[![TubeFilter Example][TubeFilter]](./TubeFilter.html "TubeFilter")
+[![Cutter Example][Cutter]](./Cutter.html "Cutter")
+[![PolyDataNormals Example][PolyDataNormals]](./PolyDataNormals.html "PolyDataNormals")
+
+</div>
+
+[Calculator2]: ../docs/gallery/Calculator2.jpg
+[ClipClosedSurface]: ../docs/gallery/ClipClosedSurface.jpg
+[ContourLoopExtraction]: ../docs/gallery/ContourLoopExtraction.jpg
+[ContourTriangulator]: ../docs/gallery/ContourTriangulator.jpg
+[ImageCropFilter]: ../docs/gallery/ImageCropFilter.jpg
+[ImageMarchingCubes]: ../docs/gallery/ImageMarchingCubes.jpg
+[ImageMarchingSquares]: ../docs/gallery/ImageMarchingSquares.jpg
+[ImageStreamline]: ../docs/gallery/ImageStreamline.jpg
+[OBBTree]: ../docs/gallery/OBBTree.jpg
+[OutlineFilter]: ../docs/gallery/OutlineFilter.jpg
+[ScalarToRGBA]: ../docs/gallery/ScalarToRGBA.jpg
+[TriangleFilter]: ../docs/gallery/TriangleFilter.jpg
+[TubeFilter]: ../docs/gallery/TubeFilter.jpg
+[Cutter]: ../docs/gallery/Cutter.jpg
+[PolyDataNormals]: ../docs/gallery/PolyDataNormals.jpg
+
+# Sources
+
+<div class="gallery">
+
+[![ArrowSource Example][ArrowSource]](./ArrowSource.html "ArrowSource")
+[![CircleSource Example][CircleSource]](./CircleSource.html "CircleSource")
+[![ConcentricCylinderSource Example][ConcentricCylinderSource]](./ConcentricCylinderSource.html "ConcentricCylinderSource")
+[![ConeSource Example][ConeSource]](./ConeSource.html "ConeSource")
+[![Cone Example][Cone]](./Cone.html "Cone source")
+[![CubeSource Example][CubeSource]](./CubeSource.html "CubeSource")
+[![Cursor3D Example][Cursor3D]](./Cursor3D.html "Cursor3D")
+[![CylinderSource Example][CylinderSource]](./CylinderSource.html "CylinderSource")
+[![LineSource Example][LineSource]](./LineSource.html "LineSource")
+[![PlaneSource Example][PlaneSource]](./PlaneSource.html "PlaneSource")
+[![PointSource Example][PointSource]](./PointSource.html "PointSource")
+[![SLICSource Example][SLICSource]](./SLICSource.html "SLICSource")
+[![SphereSource Example][SphereSource]](./SphereSource.html "SphereSource")
+[![WarpScalar Example][WarpScalargif]](./WarpScalar.html "WarpScalar")
+[![WindowedSincPolyDataFilter Example][WindowedSincPolyDataFilter]](./WindowedSincPolyDataFilter.html "WindowedSincPolyDataFilter")
+
+<div>
+
+[ArrowSource]: ../docs/gallery/ArrowSource.jpg
+[CircleSource]: ../docs/gallery/CircleSource.jpg
+[ConcentricCylinderSource]: ../docs/gallery/ConcentricCylinderSource.jpg
+[ConeSource]: ../docs/gallery/ConeSource.jpg
+[Cone]: ../docs/gallery/Cone.jpg
+[CubeSource]: ../docs/gallery/CubeSource.jpg
+[Cursor3D]: ../docs/gallery/Cursor3D.gif
+[CylinderSource]: ../docs/gallery/CylinderSource.jpg
+[LineSource]: ../docs/gallery/LineSource.jpg
+[PlaneSource]: ../docs/gallery/PlaneSource.jpg
+[PointSource]: ../docs/gallery/PointSource.jpg
+[SLICSource]: ../docs/gallery/SLICSource.jpg
+[SphereSource]: ../docs/gallery/SphereSource.gif
+[WarpScalargif]: ../docs/gallery/WarpScalar.gif
+[WindowedSincPolyDataFilter]: ../docs/gallery/WindowedSincPolyDataFilter.gif
+
+# IO
+
+<div class="gallery">
+
+[![DracoReader Example][DracoReaderWithIcon]](./DracoReader.html "Draco reader(drc)")
+[![PLYReader Example][PLYReaderWithIcon]](./PLYReader.html "PLY reader(ply)")
+[![PLYWriter Example][PLYWriterWithIcon]](./PLYWriter.html "PLY writer(ply)")
+[![STLReader Example][STLReaderWithIcon]](./STLReader.html "STL reader(stl)")
+[![STLWriter Example][STLWriterWithIcon]](./STLWriter.html "STL writer(stl)")
+[![PolyDataReader Example][PolyDataReaderWithIcon]](./PolyDataReader.html "VTK legacy reader(VTK)")
+[![ElevationReader Example][ElevationReaderWithIcon]](./ElevationReader.html "Elevation reader(CSV, JPG)")
+[![OBJReader Example][OBJReaderWithIcon]](./OBJReader.html "OBJ reader(OBJ, MTL, JPG)")
+[![PDBReader Example][PDBReaderWithIcon]](./PDBReader.html "PDB reader(OBJ, MTL, JPG)")
+[![XMLImageDataWriter Example][XMLImageDataWriterWithIcon]](./XMLImageDataWriter.html "ImageData XML writer(VTI)")
+[![XMLPolyDataDataWriter Example][XMLPolyDataWriterWithIcon]](./XMLPolyDataWriter.html "PolyData XML writer(VTP)")
+[![ZipHttpReader Example][ZipHttpReaderWithIcon]](./ZipHttpReader.html "ZIP http reader(ZIP)")
+[![HttpDataSetReader Example][HttpDataSetReaderWithIcon]](./HttpDataSetReader.html "Import a VTK dataset")
+[![HttpDataSetSeriesReader Example][HttpDataSetSeriesReaderWithIcon]](./HttpDataSetSeriesReader.html "Import a VTK dataset with time support.")
+[![HttpSceneLoader Example][HttpSceneLoaderWithIcon]](./HttpSceneLoader.html "Import a VTK scene (data + representation)")
+[![OfflineLocalView Example][OfflineLocalViewWithIcon]](./OfflineLocalView.html "Load a serialized scene (VTKSZ)")
+[![G-Code Example][GCodeReaderWithIcon]](./GCodeReader.html "G-Code reader(gcode)")
+[![HDRReader Example][HDRReaderWithIcon]](./HDRReader.html "Load an HDR image")
+[![TGAReader Example][TGAReaderWithIcon]](./TGAReader.html "Load an TGA image")
+
+</div>
+
+[DracoReaderWithIcon]: ../docs/gallery/DracoReaderWithIcon.jpg
+[PLYReaderWithIcon]: ../docs/gallery/PLYReaderWithIcon.jpg
+[PLYWriterWithIcon]: ../docs/gallery/PLYWriterWithIcon.jpg
+[STLReaderWithIcon]: ../docs/gallery/STLReaderWithIcon.jpg
+[STLWriterWithIcon]: ../docs/gallery/STLWriterWithIcon.jpg
+[PolyDataReaderWithIcon]: ../docs/gallery/VTKReaderWithIcon.jpg
+[ElevationReaderWithIcon]: ../docs/gallery/ElevationReaderWithIcon.jpg
+[OBJReaderWithIcon]: ../docs/gallery/OBJReaderWithIcon.jpg
+[PDBReaderWithIcon]: ../docs/gallery/PDBReaderWithIcon.jpg
+[XMLImageDataWriterWithIcon]: ../docs/gallery/XMLImageDataWriterWithIcon.jpg
+[XMLPolyDataWriterWithIcon]: ../docs/gallery/XMLPolyDataWriterWithIcon.jpg
+[ZipHttpReaderWithIcon]: ../docs/gallery/ZipHttpReaderWithIcon.jpg
+[HttpDataSetReaderWithIcon]: ../docs/gallery/HttpDataSetReaderWithIcon.jpg
+[HttpDataSetSeriesReaderWithIcon]: ../docs/gallery/HttpDataSetSeriesReaderWithIcon.gif
+[HttpSceneLoaderWithIcon]: ../docs/gallery/HttpSceneLoaderWithIcon.jpg
+[OfflineLocalViewWithIcon]: ../docs/gallery/OfflineLocalViewWithIcon.jpg
+[GCodeReaderWithIcon]: ../docs/gallery/GCodeReaderWithIcon.jpg
+[HDRReaderWithIcon]: ../docs/gallery/HDRReaderWithIcon.jpg
+[TGAReaderWithIcon]: ../docs/gallery/TGAReaderWithIcon.jpg
+
+# Actors
+
+<div class="gallery">
+
+[![ScalarBarActor Example][ScalarBarActor]](./ScalarBarActor.html "Scalar bar/color legend/LUT actor")
+[![Actor2D Example][Actor2D]](./Actor2D.html "Actor2D")
+[![CubeAxes Example][CubeAxes]](./CubeAxes.html "Cube axes around an actor")
+
+</div>
+
+[ScalarBarActor]: ../docs/gallery/ScalarBarActor.jpg
+[Actor2D]: ../docs/gallery/Actor2D.jpg
+[CubeAxes]: ../docs/gallery/CubeAxes.jpg
+
+# Rendering
+
+<div class="gallery">
+
+[![DepthTest Example][DepthTest]](./DepthTest.html "Capture and render the depth buffer of the scene")
+[![Texture Example][Texture]](./Texture.html "Apply a texture on a sphere")
+[![Convolution2DPass Example][Convolution2DPass]](./Convolution2DPass.html "Convolution2DPass")
+[![ManyRenderers Example][ManyRenderers]](./ManyRenderers.html "ManyRenderers")
+[![ManyRenderWindows Example][ManyRenderWindows]](./ManyRenderWindows.html "ManyRenderWindows")
+
+</div>
+
+[Convolution2DPass]: ../docs/gallery/Convolution2DPass.gif
+[DepthTest]: ../docs/gallery/DepthTest.jpg
+[Texture]: ../docs/gallery/Texture.jpg
+[ManyRenderers]: ../docs/gallery/ManyRenderers.gif
+[ManyRenderWindows]: ../docs/gallery/ManyRenderWindows.jpg
+
+## Geometry Rendering
+
+<div class="gallery">
+
+[![SphereMapper Example][SphereMapper]](./SphereMapper.html "GPU sphere mapper")
+[![StickMapper Example][StickMapper]](./StickMapper.html "GPU stick/cylinder/column mapper")
+[![Glyph3DMapper Example][Glyph3DMapper]](./Glyph3DMapper.html "Glyph mapper to render the same object multiple times")
+[![SphereArrays Example][SphereArray]](./SphereArray.html "SphereArray")
+[![GlyphRotation Example][GlyphRotation]](./GlyphRotation.html "Apply rotations on the glyph mapper")
+[![TimeSeries Example][TimeSeries]](./TimeSeries.html "Time based dataset")
+[![SurfaceLICMapper Example][SurfaceLICMapper]](./SurfaceLICMapper.html "Surface Line Integral Convolution (LIC) mapper")
+
+</div>
+
+[SurfaceLICMapper]: ../docs/gallery/SurfaceLICMapper.jpg
+[Glyph3DMapper]: ../docs/gallery/Glyph3DMapper.jpg
+[SphereMapper]: ../docs/gallery/SphereMapper.jpg
+[StickMapper]: ../docs/gallery/StickMapper.jpg
+[SphereArray]: ../docs/gallery/SphereArray.jpg
+[GlyphRotation]: ../docs/gallery/GlyphRotation.jpg
+[TimeSeries]: ../docs/gallery/TimeSeries.gif
+
+## Image Rendering
+
+<div class="gallery">
+
+[![ImageLabelOutline Example][ImageLabelOutline]](./ImageLabelOutline.html "ImageLabelOutline")
+[![ImageMapper Example][ImageMapper]](./ImageMapper.html "2D orthogonal axis image mapper")
+[![ImageResliceMapper Example][ImageResliceMapper]](./ImageResliceMapper.html "GPU 2D reslice/oblique/MPR mapper")
+[![ImageCPRMapper Example][ImageCPRMapper]](./ImageCPRMapper.html "Curved Planar Reformat GPU mapper, stretched and straightened")
+[![VolumeOutline Example][VolumeOutline]](./VolumeOutline.html "VolumeOutline")
+
+</div>
+
+[ImageLabelOutline]: ../docs/gallery/ImageLabelOutline.jpg
+[ImageCPRMapper]: ../docs/gallery/ImageCPRMapper.jpg
+[ImageResliceMapper]: ../docs/gallery/ImageResliceMapper.gif
+[ImageMapper]: ../docs/gallery/ImageMapper.jpg
+[VolumeOutline]: ../docs/gallery/VolumeOutline.jpg
+
+## Volume Rendering
+
+<div class="gallery">
+
+[![VolumeClipPlane Example][VolumeClipPlane]](./VolumeClipPlane.html "VolumeClipPlane")
+[![VolumeContour Example][VolumeContourgif]](./VolumeContour.html "VolumeContour")
+[![VolumeMapperBlendModes Example][VolumeMapperBlendModes]](./VolumeMapperBlendModes.html "VolumeMapperBlendModes")
+[![VolumeMapperLightAndShadow Example][VolumeMapperLightAndShadow]](./VolumeMapperLightAndShadow.html "VolumeMapperLightAndShadow")
+[![VolumeMapperParallelProjection Example][VolumeMapperParallelProjection]](./VolumeMapperParallelProjection.html "VolumeMapperParallelProjection")
+[![VolumeRenderingWithPolyData Example][VolumeRenderingWithPolyData]](./VolumeRenderingWithPolyData.html "VolumeRenderingWithPolyData")
+[![VolumeMapper Example][VolumeMapper]](./VolumeMapper.html "3D volume ray cast mapper witch volumetric scattering")
+[![LabelmapEdgeProjection Example][LabelmapEdgeProjection]](./LabelmapEdgeProjection.html "Labelmap edge projection in the volume")
+
+</div>
+
+[VolumeClipPlane]: ../docs/gallery/VolumeClipPlane.jpg
+[VolumeContourgif]: ../docs/gallery/VolumeContour.gif
+[VolumeMapperBlendModes]: ../docs/gallery/VolumeMapperBlendModes.gif
+[VolumeMapperLightAndShadow]: ../docs/gallery/VolumeMapperLightAndShadow.jpg
+[VolumeMapperParallelProjection]: ../docs/gallery/VolumeMapperParallelProjection.jpg
+[VolumeRenderingWithPolyData]: ../docs/gallery/VolumeRenderingWithPolyData.jpg
+[VolumeMapper]: ../docs/gallery/VolumeMapper.jpg
+[LabelmapEdgeProjection]: ../docs/gallery/LabelmapEdgeProjection.gif
+
+
+# Interaction/Picking/Selecting
+
+<div class="gallery">
+
+[![DeviceOrientationToCamera Example][DeviceOrientationToCamera]](./DeviceOrientationToCamera.html "DeviceOrientationToCamera")
+[![InteractorStyleHMDXR Example][InteractorStyleHMDXR]](./InteractorStyleHMDXR.html "InteractorStyleHMDXR")
+[![InteractorStyleManipulator Example][InteractorStyleManipulator]](./InteractorStyleManipulator.html "InteractorStyleManipulator")
+[![InteractorStyleTrackballCamera Example][InteractorStyleTrackballCamera]](./InteractorStyleTrackballCamera.html "InteractorStyleTrackballCamera")
+[![InteractorStyleUnicam Example][InteractorStyleUnicam]](./InteractorStyleUnicam.html "InteractorStyleUnicam")
+[![KeyboardCameraManipulator Example][KeyboardCameraManipulator]](./KeyboardCameraManipulator.html "KeyboardCameraManipulator")
+[![MouseRangeManipulator Example][MouseRangeManipulator]](./MouseRangeManipulator.html "MouseRangeManipulator")
+[![PiecewiseGaussianWidget Example][PiecewiseGaussianWidget]](./PiecewiseGaussianWidget.html "PiecewiseGaussianWidget")
+[![TimeStepBasedAnimationHandler Example][TimeStepBasedAnimationHandler]](./TimeStepBasedAnimationHandler.html "TimeStepBasedAnimationHandler")
+[![CellPicker Example][CellPicker]](./CellPicker.html "CPU cell picker/selector")
+[![PointPicker Example][PointPicker]](./PointPicker.html "CPU point picker/selector")
+[![HardwareSelector Example][HardwareSelector]](./HardwareSelector.html "GPU point/cell picker/selector with properties")
+
+</div>
+
+[DeviceOrientationToCamera]: ../docs/gallery/DeviceOrientationToCamera.jpg
+[InteractorStyleHMDXR]: ../docs/gallery/InteractorStyleHMDXR.jpg
+[InteractorStyleManipulator]: ../docs/gallery/InteractorStyleManipulator.jpg
+[InteractorStyleTrackballCamera]: ../docs/gallery/InteractorStyleTrackballCamera.jpg
+[InteractorStyleUnicam]: ../docs/gallery/InteractorStyleUnicam.jpg
+[KeyboardCameraManipulator]: ../docs/gallery/KeyboardCameraManipulator.jpg
+[MouseRangeManipulator]: ../docs/gallery/MouseRangeManipulator.jpg
+[PiecewiseGaussianWidget]: ../docs/gallery/PiecewiseGaussianWidget.jpg
+[TimeStepBasedAnimationHandler]: ../docs/gallery/TimeStepBasedAnimationHandler.gif
+[CellPicker]: ../docs/gallery/CellPicker.jpg
+[PointPicker]: ../docs/gallery/PointPicker.jpg
+[HardwareSelector]: ../docs/gallery/HardwareSelector.jpg
+
+# Widgets
+
+<div class="gallery">
+
+[![AngleWidget Example][AngleWidget]](./AngleWidget.html "Angle (radian, degree) widget example")
+[![Box Example][Box]](./Box.html "Box")
+[![ImageCroppingWidget Example][ImageCroppingWidget]](./ImageCroppingWidget.html "Crop/Clip volume rendering with a bounding box/cube/orthogonal planes")
+[![ImplicitPlaneWidget Example][ImplicitPlaneWidget]](./ImplicitPlaneWidget.html "Translate and orient an implicit plane with normal and origin")
+[![InteractiveOrientationWidget Example][InteractiveOrientationWidget]](./InteractiveOrientationWidget.html "Corner coordinate system orientation widget")
+[![LabelWidget Example][LabelWidget]](./LabelWidget.html "Place, edit text size and color of label widget")
+[![LineWidget Example][LineWidget]](./LineWidget.html "Place and edit line/distance widget with handles")
+[![PaintWidget Example][PaintWidget]](./PaintWidget.html "Draw strokes, create rectangle, square, ellipse and disk 2D widgets")
+[![PolyLineWidget Example][PolyLineWidget]](./PolyLineWidget.html "Place multiple connected handles with text")
+[![ResliceCursorWidget Example][ResliceCursorWidget]](./ResliceCursorWidget.html "Axial Coronal and Sagittal MPR/Oblique/Reformatted/Resliced/Slab/MIP views")
+[![ShapeWidget Example][ShapeWidget]](./ShapeWidget.html "2D shape widgets with text information")
+[![SphereWidget Example][SphereWidget]](./SphereWidget.html "2D sphere widget controlled with radius")
+[![SplineWidget Example][SplineWidget]](./PaintWidget.html "Widget to draw open or closed (triangularized) sharp/smooth polygon widget")
+
+</div>
+
+[AngleWidget]: ../docs/gallery/AngleWidget.png
+[ImageCroppingWidget]: ../docs/gallery/ImageCroppingWidget.jpg
+[ImplicitPlaneWidget]: ../docs/gallery/ImplicitPlaneWidget.png
+[InteractiveOrientationWidget]: ../docs/gallery/InteractiveOrientationWidget.png
+[LabelWidget]: ../docs/gallery/LabelWidget.png
+[LineWidget]: ../docs/gallery/LineWidget.png
+[PaintWidget]: ../docs/gallery/PaintWidget.gif
+[PolyLineWidget]: ../docs/gallery/PolyLineWidget.png
+[ResliceCursorWidget]: ../docs/gallery/ResliceCursorWidget.gif
+[ShapeWidget]: ../docs/gallery/ShapeWidget.png
+[SphereWidget]: ../docs/gallery/SphereWidget.jpg
+[SplineWidget]: ../docs/gallery/SplineWidget.gif
+[Box]: ../docs/gallery/Box.jpg
+
+# Connectivity
+
+<div class="gallery">
+
+[![AR Example][ARWithLogo]](./AR.html "AR with WebXR")
+[![VR Example][VRWithLogo]](./VR.html "VR with WebXR")
+[![LookingGlass Example][LookingGlassWithLogo]](./LookingGlass.html "Render scene into a LookingGlass device")
+[![ItkWasmVolume Example][ItkWasmVolumeWithLogo]](./ItkWasmVolume.html "ItkWasmVolume")
+[![RemoteView Example][RemoteViewWithLogos]](./RemoteView.html "Connect a VTK or ParaView Python backend server via WebSockets")
+[![ImageStream Example][ImageStreamWithLogos]](./ImageStream.html "Stream a ParaView Python backend server via WebSockets under a VTK.js rendering")
+
+</div>
+
+[ARWithLogo]: ../docs/gallery/ArConeWithLogo.jpg
+[VRWithLogo]: ../docs/gallery/VrConeWithLogo.jpg
+[LookingGlassWithLogo]: ../docs/gallery/LookingGlassConeWithLogo.jpg
+[ItkWasmVolumeWithLogo]: ../docs/gallery/ItkWasmVolumeWithLogo.jpg
+[RemoteViewWithLogos]: ../docs/gallery/RemoteViewWithLogos.jpg
+[ImageStreamWithLogos]: ../docs/gallery/ImageStreamWithLogos.jpg
diff --git a/Sources/IO/Image/TGAReader/Constants.js b/Sources/IO/Image/TGAReader/Constants.js
new file mode 100644
index 00000000000..661acddd0ec
--- /dev/null
+++ b/Sources/IO/Image/TGAReader/Constants.js
@@ -0,0 +1,27 @@
+const TYPE_INDEXED = 1;
+const TYPE_RGB = 2;
+const TYPE_GREY = 3;
+const TYPE_RLE_INDEXED = 9;
+const TYPE_RLE_RGB = 10;
+const TYPE_RLE_GREY = 11;
+const ORIGIN_MASK = 0x30;
+const ORIGIN_SHIFT = 0x04;
+const ORIGIN_BL = 0x00;
+const ORIGIN_BR = 0x01;
+const ORIGIN_UL = 0x02;
+const ORIGIN_UR = 0x03;
+
+export default {
+  TYPE_INDEXED,
+  TYPE_RGB,
+  TYPE_GREY,
+  TYPE_RLE_INDEXED,
+  TYPE_RLE_RGB,
+  TYPE_RLE_GREY,
+  ORIGIN_MASK,
+  ORIGIN_SHIFT,
+  ORIGIN_BL,
+  ORIGIN_BR,
+  ORIGIN_UL,
+  ORIGIN_UR,
+};
diff --git a/Sources/IO/Image/TGAReader/example/index.js b/Sources/IO/Image/TGAReader/example/index.js
new file mode 100644
index 00000000000..5c951d58332
--- /dev/null
+++ b/Sources/IO/Image/TGAReader/example/index.js
@@ -0,0 +1,122 @@
+import '@kitware/vtk.js/favicon';
+
+// Load the rendering pieces we want to use (for both WebGL and WebGPU)
+import '@kitware/vtk.js/Rendering/Profiles/Geometry';
+
+import vtkFullScreenRenderWindow from '@kitware/vtk.js/Rendering/Misc/FullScreenRenderWindow';
+import vtkActor from '@kitware/vtk.js/Rendering/Core/Actor';
+import vtkMapper from '@kitware/vtk.js/Rendering/Core/Mapper';
+import vtkPlaneSource from '@kitware/vtk.js/Filters/Sources/PlaneSource';
+import vtkTGAReader from '@kitware/vtk.js/IO/Image/TGAReader';
+import vtkTexture from '@kitware/vtk.js/Rendering/Core/Texture';
+import vtkURLExtract from '@kitware/vtk.js/Common/Core/URLExtract';
+
+// ----------------------------------------------------------------------------
+// Example code
+// ----------------------------------------------------------------------------
+const userParams = vtkURLExtract.extractURLParameters();
+
+const reader = vtkTGAReader.newInstance();
+const texture = vtkTexture.newInstance();
+const planeSource = vtkPlaneSource.newInstance();
+const mapper = vtkMapper.newInstance();
+const actor = vtkActor.newInstance();
+mapper.setInputConnection(planeSource.getOutputPort());
+actor.setMapper(mapper);
+
+// ----------------------------------------------------------------------------
+// Use a file reader to load a local file
+// ----------------------------------------------------------------------------
+
+const myContainer = document.querySelector('body');
+const fileContainer = document.createElement('div');
+fileContainer.innerHTML =
+  '<div>Select a tga file.<br/><input type="file" class="file"/></div>';
+myContainer.appendChild(fileContainer);
+
+const fileInput = fileContainer.querySelector('input');
+
+function zoomCameraToFitPlane(camera, planeWidth, planeHeight) {
+  const fov = 60; // Field of view in degrees
+
+  // Calculate the distance needed to fit the plane in view
+  const distance =
+    Math.max(planeWidth, planeHeight) /
+    (2 * Math.tan((fov * Math.PI) / 180 / 2));
+
+  // Set camera position
+  camera.setPosition(planeWidth / 2, planeHeight / 2, distance);
+  camera.setFocalPoint(planeWidth / 2, planeHeight / 2, 0);
+  camera.setViewUp(0, 1, 0);
+
+  // Set parallel scale for orthographic projection
+  camera.setParallelScale(planeHeight / 2);
+}
+
+function update() {
+  // Get the vtkImageData from the reader
+  const imageData = reader.getOutputData(0);
+
+  // Set the vtkImageData as the texture input
+  texture.setInputData(imageData);
+
+  // // Get the image's extent and spacing
+  const [xMin, xMax, yMin, yMax] = imageData.getExtent();
+  const [spacingX, spacingY] = imageData.getSpacing();
+
+  // // Calculate the plane's width and height based on the image's dimensions
+  const planeWidth = (xMax - xMin + 1) * spacingX;
+  const planeHeight = (yMax - yMin + 1) * spacingY;
+
+  // Set the plane's origin and corners based on calculated width and height
+  planeSource.setOrigin(0, 0, 0);
+  planeSource.setPoint1(planeWidth, 0, 0); // Horizontal edge
+  planeSource.setPoint2(0, planeHeight, 0); // Vertical edge
+
+  actor.addTexture(texture);
+
+  const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
+  const renderer = fullScreenRenderer.getRenderer();
+  const renderWindow = fullScreenRenderer.getRenderWindow();
+  const camera = renderer.getActiveCamera();
+  const interactor = renderWindow.getInteractor();
+
+  // Disable default interactor style
+  interactor.setInteractorStyle(null);
+
+  renderer.addActor(actor);
+
+  // Adjust the camera to fit the plane in the view
+  zoomCameraToFitPlane(camera, planeWidth, planeHeight);
+  renderer.resetCameraClippingRange();
+
+  renderWindow.render();
+}
+
+function handleFile(event) {
+  event.preventDefault();
+  const dataTransfer = event.dataTransfer;
+  const files = event.target.files || dataTransfer.files;
+  if (files.length === 1) {
+    const file = files[0];
+    const fileReader = new FileReader();
+    fileReader.onload = () => {
+      reader.parse(fileReader.result);
+      update();
+    };
+    fileReader.readAsArrayBuffer(file);
+  }
+}
+
+fileInput.addEventListener('change', handleFile);
+
+// ----------------------------------------------------------------------------
+// Use the reader to download a file
+// ----------------------------------------------------------------------------
+if (userParams.fileURL) {
+  reader.setUrl(userParams.fileURL).then(() => {
+    reader.loadData().then(() => {
+      update();
+    });
+  });
+}
diff --git a/Sources/IO/Image/TGAReader/index.d.ts b/Sources/IO/Image/TGAReader/index.d.ts
new file mode 100644
index 00000000000..8eac6145b54
--- /dev/null
+++ b/Sources/IO/Image/TGAReader/index.d.ts
@@ -0,0 +1,121 @@
+import { vtkAlgorithm, vtkObject } from '../../../interfaces';
+import HtmlDataAccessHelper from '../../Core/DataAccessHelper/HtmlDataAccessHelper';
+import HttpDataAccessHelper from '../../Core/DataAccessHelper/HttpDataAccessHelper';
+import JSZipDataAccessHelper from '../../Core/DataAccessHelper/JSZipDataAccessHelper';
+import LiteHttpDataAccessHelper from '../../Core/DataAccessHelper/LiteHttpDataAccessHelper';
+
+interface ITGAReaderOptions {
+  compression?: string;
+  progressCallback?: any;
+}
+
+/**
+ *
+ */
+export interface ITGAReaderInitialValues {}
+
+type vtkTGAReaderBase = vtkObject &
+  Omit<
+    vtkAlgorithm,
+    | 'getInputData'
+    | 'setInputData'
+    | 'setInputConnection'
+    | 'getInputConnection'
+    | 'addInputConnection'
+    | 'addInputData'
+  >;
+
+export interface vtkTGAReader extends vtkTGAReaderBase {
+  /**
+   * Get the base url.
+   */
+  getBaseURL(): string;
+
+  /**
+   * Get the dataAccess helper.
+   */
+  getDataAccessHelper():
+    | HtmlDataAccessHelper
+    | HttpDataAccessHelper
+    | JSZipDataAccessHelper
+    | LiteHttpDataAccessHelper;
+
+  /**
+   * Get the url of the object to load.
+   */
+  getUrl(): string;
+
+  /**
+   * Load the object data.
+   * @param {ITGAReaderOptions} [options]
+   */
+  loadData(options?: ITGAReaderOptions): Promise<any>;
+
+  /**
+   * Parse data.
+   * @param {ArrayBuffer} content The content to parse.
+   */
+  parse(content: ArrayBuffer): void;
+
+  /**
+   * Parse data as ArrayBuffer.
+   * @param {ArrayBuffer} content The content to parse.
+   */
+  parseAsArrayBuffer(content: ArrayBuffer): void;
+
+  /**
+   *
+   * @param inData
+   * @param outData
+   */
+  requestData(inData: any, outData: any): void;
+
+  /**
+   *
+   * @param dataAccessHelper
+   */
+  setDataAccessHelper(
+    dataAccessHelper:
+      | HtmlDataAccessHelper
+      | HttpDataAccessHelper
+      | JSZipDataAccessHelper
+      | LiteHttpDataAccessHelper
+  ): boolean;
+
+  /**
+   * Set the url of the object to load.
+   * @param {String} url the url of the object to load.
+   * @param {ITGAReaderOptions} [option] The PLY reader options.
+   */
+  setUrl(url: string, option?: ITGAReaderOptions): Promise<string | any>;
+}
+
+/**
+ * Method used to decorate a given object (publicAPI+model) with vtkTGAReader characteristics.
+ *
+ * @param publicAPI object on which methods will be bounds (public)
+ * @param model object on which data structure will be bounds (protected)
+ * @param {ITGAReaderInitialValues} [initialValues] (default: {})
+ */
+export function extend(
+  publicAPI: object,
+  model: object,
+  initialValues?: ITGAReaderInitialValues
+): void;
+
+/**
+ * Method used to create a new instance of vtkTGAReader
+ * @param {ITGAReaderInitialValues} [initialValues] for pre-setting some of its content
+ */
+export function newInstance(
+  initialValues?: ITGAReaderInitialValues
+): vtkTGAReader;
+
+/**
+ * vtkTGAReader is a source object that reads Truevision Targa(TGA) files.
+ */
+export declare const vtkTGAReader: {
+  newInstance: typeof newInstance;
+  extend: typeof extend;
+};
+export default vtkTGAReader;
diff --git a/Sources/IO/Image/TGAReader/index.js b/Sources/IO/Image/TGAReader/index.js
new file mode 100644
index 00000000000..f08c3b30d37
--- /dev/null
+++ b/Sources/IO/Image/TGAReader/index.js
@@ -0,0 +1,535 @@
+/* eslint-disable no-bitwise */
+// Enable data soure for DataAccessHelper
+import 'vtk.js/Sources/IO/Core/DataAccessHelper/LiteHttpDataAccessHelper'; // Just need HTTP
+// import 'vtk.js/Sources/IO/Core/DataAccessHelper/HttpDataAccessHelper'; // HTTP + zip
+// import 'vtk.js/Sources/IO/Core/DataAccessHelper/HtmlDataAccessHelper'; // html + base64 + zip
+// import 'vtk.js/Sources/IO/Core/DataAccessHelper/JSZipDataAccessHelper'; // zip
+
+import macro from 'vtk.js/Sources/macros';
+import DataAccessHelper from 'vtk.js/Sources/IO/Core/DataAccessHelper';
+import vtkImageData from 'vtk.js/Sources/Common/DataModel/ImageData';
+import vtkDataArray from 'vtk.js/Sources/Common/Core/DataArray';
+import Constants from 'vtk.js/Sources/IO/Image/TGAReader/Constants';
+
+const { vtkErrorMacro } = macro;
+
+// ----------------------------------------------------------------------------
+// vtkTGAReader methods
+// ----------------------------------------------------------------------------
+
+function vtkTGAReader(publicAPI, model) {
+  // Set our className
+  model.classHierarchy.push('vtkTGAReader');
+
+  // Create default dataAccessHelper if not available
+  if (!model.dataAccessHelper) {
+    model.dataAccessHelper = DataAccessHelper.get('http');
+  }
+
+  /**
+   * Gets the header of a TGA file
+   * @param data defines the TGA data
+   * @returns the header
+   */
+  function parseHeader(data) {
+    let offset = 0;
+
+    const header = {
+      idLength: data[offset++],
+      colormap_type: data[offset++],
+      imageType: data[offset++],
+      colormapIndex: data[offset++] | (data[offset++] << 8),
+      colormapLength: data[offset++] | (data[offset++] << 8),
+      colormapSize: data[offset++],
+      origin: [
+        data[offset++] | (data[offset++] << 8),
+        data[offset++] | (data[offset++] << 8),
+      ],
+      width: data[offset++] | (data[offset++] << 8),
+      height: data[offset++] | (data[offset++] << 8),
+      pixelSize: data[offset++],
+      flags: data[offset++],
+    };
+
+    return header;
+  }
+
+  const handlers = {
+    getImageData8bits(
+      header,
+      palettes,
+      pixeData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    ) {
+      const image = pixeData;
+      const colormap = palettes;
+      const width = header.width;
+      const height = header.height;
+      let color;
+      let i = 0;
+      let x;
+      let y;
+
+      const imageData = new Uint8Array(width * height * 4);
+
+      for (y = yStart; y !== yEnd; y += yStep) {
+        for (x = xStart; x !== xEnd; x += xStep, i++) {
+          color = image[i];
+          imageData[(x + width * y) * 4 + 3] = 255;
+          imageData[(x + width * y) * 4 + 2] = colormap[color * 3 + 0];
+          imageData[(x + width * y) * 4 + 1] = colormap[color * 3 + 1];
+          imageData[(x + width * y) * 4 + 0] = colormap[color * 3 + 2];
+        }
+      }
+
+      return imageData;
+    },
+    getImageData16bits(
+      header,
+      palettes,
+      pixeData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    ) {
+      const image = pixeData;
+      const width = header.width;
+      const height = header.height;
+      let color;
+      let i = 0;
+      let x;
+      let y;
+
+      const imageData = new Uint8Array(width * height * 4);
+
+      for (y = yStart; y !== yEnd; y += yStep) {
+        for (x = xStart; x !== xEnd; x += xStep, i += 2) {
+          color = image[i + 0] + (image[i + 1] << 8); // Inversed ?
+          const r = ((((color & 0x7c00) >> 10) * 255) / 0x1f) | 0;
+          const g = ((((color & 0x03e0) >> 5) * 255) / 0x1f) | 0;
+          const b = (((color & 0x001f) * 255) / 0x1f) | 0;
+
+          imageData[(x + width * y) * 4 + 0] = r;
+          imageData[(x + width * y) * 4 + 1] = g;
+          imageData[(x + width * y) * 4 + 2] = b;
+          imageData[(x + width * y) * 4 + 3] = color & 0x8000 ? 0 : 255;
+        }
+      }
+
+      return imageData;
+    },
+    getImageData24bits(
+      header,
+      palettes,
+      pixeData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    ) {
+      const image = pixeData;
+      const width = header.width;
+      const height = header.height;
+      let i = 0;
+      let x;
+      let y;
+
+      const imageData = new Uint8Array(width * height * 4);
+
+      for (y = yStart; y !== yEnd; y += yStep) {
+        for (x = xStart; x !== xEnd; x += xStep, i += 3) {
+          imageData[(x + width * y) * 4 + 3] = 255;
+          imageData[(x + width * y) * 4 + 2] = image[i + 0];
+          imageData[(x + width * y) * 4 + 1] = image[i + 1];
+          imageData[(x + width * y) * 4 + 0] = image[i + 2];
+        }
+      }
+
+      return imageData;
+    },
+    getImageData32bits(
+      header,
+      palettes,
+      pixeData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    ) {
+      const image = pixeData;
+      const width = header.width;
+      const height = header.height;
+      let i = 0;
+      let x;
+      let y;
+
+      const imageData = new Uint8Array(width * height * 4);
+
+      for (y = yStart; y !== yEnd; y += yStep) {
+        for (x = xStart; x !== xEnd; x += xStep, i += 4) {
+          imageData[(x + width * y) * 4 + 2] = image[i + 0];
+          imageData[(x + width * y) * 4 + 1] = image[i + 1];
+          imageData[(x + width * y) * 4 + 0] = image[i + 2];
+          imageData[(x + width * y) * 4 + 3] = image[i + 3];
+        }
+      }
+
+      return imageData;
+    },
+    getImageDataGrey8bits(
+      header,
+      palettes,
+      pixeData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    ) {
+      const image = pixeData;
+      const width = header.width;
+      const height = header.height;
+      let color;
+      let i = 0;
+      let x;
+      let y;
+
+      const imageData = new Uint8Array(width * height * 4);
+
+      for (y = yStart; y !== yEnd; y += yStep) {
+        for (x = xStart; x !== xEnd; x += xStep, i++) {
+          color = image[i];
+          imageData[(x + width * y) * 4 + 0] = color;
+          imageData[(x + width * y) * 4 + 1] = color;
+          imageData[(x + width * y) * 4 + 2] = color;
+          imageData[(x + width * y) * 4 + 3] = 255;
+        }
+      }
+
+      return imageData;
+    },
+    getImageDataGrey16bits(
+      header,
+      palettes,
+      pixeData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    ) {
+      const image = pixeData;
+      const width = header.width;
+      const height = header.height;
+      let i = 0;
+      let x;
+      let y;
+
+      const imageData = new Uint8Array(width * height * 4);
+
+      for (y = yStart; y !== yEnd; y += yStep) {
+        for (x = xStart; x !== xEnd; x += xStep, i += 2) {
+          imageData[(x + width * y) * 4 + 0] = image[i + 0];
+          imageData[(x + width * y) * 4 + 1] = image[i + 0];
+          imageData[(x + width * y) * 4 + 2] = image[i + 0];
+          imageData[(x + width * y) * 4 + 3] = image[i + 1];
+        }
+      }
+
+      return imageData;
+    },
+  };
+
+  // Internal method to fetch Array
+  function fetchData(url, option = {}) {
+    const { compression, progressCallback } = model;
+    return model.dataAccessHelper.fetchBinary(url, {
+      compression,
+      progressCallback,
+    });
+  }
+
+  // Set DataSet url
+  publicAPI.setUrl = (url, option = { binary: true }) => {
+    model.url = url;
+
+    // Remove the file in the URL
+    const path = url.split('/');
+    path.pop();
+    model.baseURL = path.join('/');
+
+    model.compression = option.compression;
+
+    // Fetch metadata
+    return publicAPI.loadData({
+      progressCallback: option.progressCallback,
+    });
+  };
+
+  // Fetch the actual data arrays
+  publicAPI.loadData = (option = {}) => {
+    const promise = fetchData(model.url, option);
+    promise.then(publicAPI.parse);
+    return promise;
+  };
+
+  publicAPI.parse = (content) => {
+    publicAPI.parseAsArrayBuffer(content);
+  };
+
+  publicAPI.parseAsArrayBuffer = (content) => {
+    if (!content) {
+      return;
+    }
+
+    const data = new Uint8Array(content);
+    // Not enough data to contain header ?
+    if (data.length < 19) {
+      vtkErrorMacro(
+        'Unable to load TGA file - Not enough data to contain header'
+      );
+      return;
+    }
+
+    // Read Header
+    let offset = 18;
+    const header = parseHeader(data);
+
+    // Assume it's a valid Targa file.
+    if (header.idLength + offset > data.length) {
+      vtkErrorMacro('Unable to load TGA file - Not enough data');
+      return;
+    }
+
+    // Skip not needed data
+    offset += header.idLength;
+
+    let useRle = false;
+    let usePal = false;
+    let useGrey = false;
+
+    // Get some informations.
+    switch (header.imageType) {
+      case Constants.TYPE_RLE_INDEXED:
+        useRle = true;
+      // eslint-disable-next-line no-fallthrough
+      case Constants.TYPE_INDEXED:
+        usePal = true;
+        break;
+      case Constants.TYPE_RLE_RGB:
+        useRle = true;
+      // eslint-disable-next-line no-fallthrough
+      case Constants.TYPE_RGB:
+        // use_rgb = true;
+        break;
+      case Constants.TYPE_RLE_GREY:
+        useRle = true;
+      // eslint-disable-next-line no-fallthrough
+      case Constants.TYPE_GREY:
+        useGrey = true;
+        break;
+      default:
+        vtkErrorMacro('TGA file has unknown image type');
+        return;
+    }
+
+    let pixelData;
+
+    const pixelSize = header.pixelSize >> 3;
+    const pixelTotal = header.width * header.height * pixelSize;
+
+    // Read palettes
+    let palettes;
+
+    if (usePal) {
+      palettes = data.subarray(
+        offset,
+        (offset += header.colormapLength * (header.colormapSize >> 3))
+      );
+    }
+
+    // Read LRE
+    if (useRle) {
+      pixelData = new Uint8Array(pixelTotal);
+
+      let c;
+      let count;
+      let i;
+      let localOffset = 0;
+      const pixels = new Uint8Array(pixelSize);
+
+      while (offset < pixelTotal && localOffset < pixelTotal) {
+        c = data[offset++];
+        count = (c & 0x7f) + 1;
+
+        // RLE pixels
+        if (c & 0x80) {
+          // Bind pixel tmp array
+          for (i = 0; i < pixelSize; ++i) {
+            pixels[i] = data[offset++];
+          }
+
+          // Copy pixel array
+          for (i = 0; i < count; ++i) {
+            pixelData.set(pixels, localOffset + i * pixelSize);
+          }
+
+          localOffset += pixelSize * count;
+        }
+        // Raw pixels
+        else {
+          count *= pixelSize;
+          for (i = 0; i < count; ++i) {
+            pixelData[localOffset + i] = data[offset++];
+          }
+          localOffset += count;
+        }
+      }
+    }
+    // RAW Pixels
+    else {
+      pixelData = data.subarray(
+        offset,
+        (offset += usePal ? header.width * header.height : pixelTotal)
+      );
+    }
+
+    // Load to texture
+    let xStart;
+    let yStart;
+    let xStep;
+    let yStep;
+    let yEnd;
+    let xEnd;
+
+    switch ((header.flags & Constants.ORIGIN_MASK) >> Constants.ORIGIN_SHIFT) {
+      case Constants.ORIGIN_UL:
+        xStart = 0;
+        xStep = 1;
+        xEnd = header.width;
+        yStart = 0;
+        yStep = 1;
+        yEnd = header.height;
+        break;
+
+      case Constants.ORIGIN_BL:
+        xStart = 0;
+        xStep = 1;
+        xEnd = header.width;
+        yStart = 0;
+        yStep = 1;
+        yEnd = header.height;
+        break;
+
+      case Constants.ORIGIN_UR:
+        xStart = header.width - 1;
+        xStep = -1;
+        xEnd = -1;
+        yStart = 0;
+        yStep = 1;
+        yEnd = header.height;
+        break;
+
+      case Constants.ORIGIN_BR:
+        xStart = header.width - 1;
+        xStep = -1;
+        xEnd = -1;
+        yStart = header.height - 1;
+        yStep = -1;
+        yEnd = -1;
+        break;
+      default:
+        vtkErrorMacro('TGA file has unknown origin');
+        return;
+    }
+
+    const func = `getImageData${useGrey ? 'Grey' : ''}${header.pixelSize}bits`;
+
+    const output = handlers[func](
+      header,
+      palettes,
+      pixelData,
+      yStart,
+      yStep,
+      yEnd,
+      xStart,
+      xStep,
+      xEnd
+    );
+
+    const dataExtent = [0, header.width - 1, 0, header.height - 1];
+    const dataSpacing = [1, 1, 1];
+
+    const imageData = vtkImageData.newInstance();
+    imageData.setDimensions(header.width, header.height, 1);
+    imageData.setExtent(dataExtent);
+    imageData.setSpacing(dataSpacing);
+
+    const dataArray = vtkDataArray.newInstance({
+      name: 'TGAImage',
+      numberOfComponents: 4,
+      values: output,
+    });
+
+    imageData.getPointData().setScalars(dataArray);
+    model.output[0] = imageData;
+  };
+
+  publicAPI.requestData = (inData, outData) => {
+    publicAPI.parse(model.parseData);
+  };
+}
+
+// ----------------------------------------------------------------------------
+// Object factory
+// ----------------------------------------------------------------------------
+
+const DEFAULT_VALUES = {};
+
+// ----------------------------------------------------------------------------
+
+export function extend(publicAPI, model, initialValues = {}) {
+  Object.assign(model, DEFAULT_VALUES, initialValues);
+
+  // Make this a VTK object
+  macro.obj(publicAPI, model);
+
+  // Also make it an algorithm with one input and one output
+  macro.algo(publicAPI, model, 0, 1);
+
+  macro.get(publicAPI, model, ['url', 'baseURL']);
+  macro.setGet(publicAPI, model, ['dataAccessHelper']);
+
+  // Object specific methods
+  vtkTGAReader(publicAPI, model);
+
+  // To support destructuring
+  if (!model.compression) {
+    model.compression = null;
+  }
+  if (!model.progressCallback) {
+    model.progressCallback = null;
+  }
+}
+
+// ----------------------------------------------------------------------------
+
+export const newInstance = macro.newInstance(extend, 'vtkTGAReader');
+
+// ----------------------------------------------------------------------------
+
+export default { newInstance, extend };
diff --git a/Sources/IO/Image/index.js b/Sources/IO/Image/index.js
index 0fa73fd4be6..3c54f2b35c2 100644
--- a/Sources/IO/Image/index.js
+++ b/Sources/IO/Image/index.js
@@ -1,5 +1,7 @@
 import vtkHDRReader from './HDRReader';
+import vtkTGAReader from './TGAReader';
 
 export default {
   vtkHDRReader,
+  vtkTGAReader,
 };