Anatomía en capas (Layered Human Anatomy)
🇪🇸 Versión en español
Interactive 3D atlas of the human body for educational use. It includes 934 anatomical structures in 11 systems, with layers you can toggle, per-system opacity, search, and a description card for each structure. Available in Spanish and English: the language is picked from your browser and can be switched with the ES/EN button (or ?lang=en). The English cards are a translation of the Spanish originals and have not been reviewed by specialists.
Try it online: https://anatomia.alexisparron.com (the deployed version adds the site's analytics; the code in this repository contains no trackers).
Usage
- Clone the repository, or download it as a zip and unpack it.
- Open
index.html in any modern browser (Chrome, Firefox, Edge, Safari).
It works offline and needs no installation. Fonts are bundled in fonts/ (Newsreader and IBM Plex, SIL OFL 1.1), so no external server is contacted.
To modify the viewer, edit src/visor.js and regenerate app.js:
npm ci
npm run build
To publish it on the web, upload the folder as is to any static host (GitHub Pages, Netlify, Vercel…).
Repository layout
| Path | What it is |
|---|
index.html | Viewer page (structure and styles) |
src/visor.js | Source code of the viewer (readable ES module) |
app.js | The same code bundled with three.js, unminified (generated by npm run build) |
package.json, package-lock.json | Dependencies and build command |
herramientas/ | Python scripts that prepared the meshes and cards (see herramientas/LEEME.md, in Spanish) |
fonts/ | Local fonts with their OFL licenses |
src/i18n.js | Interface texts per language |
data/anatomia.js | Geometry metadata and the Spanish cards, names and organization by system |
data/anatomia.en.js | English translation layer of the cards (loaded on demand) |
models/*.js | 3D meshes (meshoptimizer-compressed binary glTF, base64) |
LICENSE, LICENSE-codigo.txt | MIT license for the code |
LICENSE-contenido.md | License for the meshes and texts (CC BY-SA 4.0) |
LICENSE-three.js.txt, LICENSE-meshoptimizer.txt | MIT licenses of bundled libraries |
Data source and credits
The 3D meshes derive from BodyParts3D, © The Database Center for Life Science (DBCLS), Japan, distributed under CC BY-SA 2.1 Japan.
Source: https://lifesciencedb.jp/bp3d/ (copy used: https://github.com/Kevin-Mattheus-Moerman/BodyParts3D).
Changes made to the original meshes: simplification from about 26 million to 3.3 million triangles; axis and unit change (mm to m); meshoptimizer compression; color assignment and grouping by system.
The Spanish description cards are original work of this project.
Licenses
- Code (
index.html, src/, herramientas/ and app.js, except bundled libraries): MIT. See LICENSE-codigo.txt.
- Meshes and cards (
models/, data/): CC BY-SA 4.0, required because the meshes derive from BodyParts3D (CC BY-SA). See LICENSE-contenido.md.
- Libraries bundled in
app.js: three.js and meshoptimizer, both MIT.
- Fonts: SIL Open Font License 1.1, see
fonts/.
Limitations
Single adult male model. It does not include the spinal cord, peripheral nerves, thyroid gland, tongue, larynx (except thyroid cartilage), lymphatic vessels, or most limb vessels. For educational use, not clinical. The cards have not been reviewed by specialists; a teacher should review them before classroom use.
Contributing
Corrections to cards, bug reports and improvements are welcome: see CONTRIBUTING.md and the code of conduct. For vulnerabilities, see SECURITY.md. To cite this work, use CITATION.cff.
Authorship
Viewer and cards: Alexis Parrón, 2026. Developed with the help of Claude (Anthropic).
3D library: three.js (MIT). Mesh compression: meshoptimizer (MIT, © Arseny Kapoulkine).
