[Free] DNAView A visualization of DNA and human body shapes.

Extensions
,
1

🧩 DNAView

An extension for MIT App Inventor 2.
This component provides a comprehensive visualization of DNA and human body shapes. It is designed to facilitate educational exploration of the human body and its intricate structures. Developed by TechHamara using the Fast framework, this component offers a unique blend of DNA and body part visualizations, enabling users to delve into the fascinating world of human anatomy and genetics.
Telegram | GitHub
Blogger | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications

:package: Package: io.th.dnaview
:floppy_disk: Size: 55.02 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-05-13T18:30:00Z
:computer: Built & documented using: FAST v2.8.4
:arrow_down: Get Aix
:arrow_down: Get Demo aia
:arrow_down: Get Demo apk
:placard: Find more info on GitHub

Demo

blocks

Screenshot_2025-05-19-08-28-08-902_appinventor.ai_Techhamara91.dna
Screenshot_2025-05-19-08-28-08-902_appinventor.ai_Techhamara91.dna1220×2712 104 KB

Screenshot_2025-05-19-07-49-12-631_appinventor.ai_Techhamara91.dna
Screenshot_2025-05-19-07-49-12-631_appinventor.ai_Techhamara91.dna1220×2712 104 KB

Screenshot_2025-05-19-07-48-09-317_appinventor.ai_Techhamara91.dna
Screenshot_2025-05-19-07-48-09-317_appinventor.ai_Techhamara91.dna1220×2712 149 KB

Screenshot_2025-05-19-07-48-40-001_appinventor.ai_Techhamara91.dna
Screenshot_2025-05-19-07-48-40-001_appinventor.ai_Techhamara91.dna1220×2712 148 KB

Screenshot_2025-05-19-07-48-15-173_appinventor.ai_Techhamara91.dna
Screenshot_2025-05-19-07-48-15-173_appinventor.ai_Techhamara91.dna1220×2712 159 KB

Screenshot_2025-05-19-07-48-46-150_appinventor.ai_Techhamara91.dna
Screenshot_2025-05-19-07-48-46-150_appinventor.ai_Techhamara91.dna1220×2712 146 KB

Blocks

ShowDNAShapeView_Method
Initialize_Method
HideDNAShapeView_Method
StopAnimation_Method
StartAnimation_Method

ShowCells_Get_Property
ShowCartilage_Set_Property
ShowCartilage_Get_Property
ShowBodyPart_Set_Property
ShowBodyPart_Get_Property
ShowBaseLabels_Set_Property
ShowBaseLabels_Get_Property
RotationSpeed_Set_Property
RotationSpeed_Get_Property
OrganColor_Set_Property
OrganColor_Get_Property
NumberOfBases_Set_Property
NumberOfBases_Get_Property
JointColor_Set_Property
JointColor_Get_Property
IsAnimating_Set_Property
IsAnimating_Get_Property
HelixPitch_Set_Property
HelixPitch_Get_Property
HelixDiameter_Set_Property
HelixDiameter_Get_Property
FontFamily_Set_Property
FontFamily_Get_Property
CellColor_Set_Property
CellColor_Get_Property
CartilageColor_Set_Property
CartilageColor_Get_Property
BoneTextSize_Set_Property
BoneTextSize_Get_Property
BoneTextColor_Set_Property
BoneTextColor_Get_Property
BonePartType_Set_Property
BonePartType_Get_Property
BoneColor_Set_Property
BoneColor_Get_Property
BodyYOffset_Set_Property
BodyYOffset_Get_Property
BodyXOffset_Set_Property
BodyXOffset_Get_Property
BodyTextSize_Set_Property
BodyTextSize_Get_Property
BodyTextColor_Set_Property
BodyTextColor_Get_Property
BodyScale_Set_Property
BodyScale_Get_Property
BodyPartType_Set_Property
BodyPartType_Get_Property
BodyColor_Set_Property
BodyColor_Get_Property
BaseLabels_Set_Property
BaseLabelOffset_Set_Property
BaseLabelOffset_Get_Property
BaseColor_Set_Property
BaseColor_Get_Property
BackgroundColor_Set_Property
BackgroundColor_Get_Property
TextSize_Set_Property
TextSize_Get_Property
TextItalic_Set_Property
TextItalic_Get_Property
TextColor_Set_Property
TextColor_Get_Property
TextBold_Set_Property
TextBold_Get_Property
StrandColor2_Set_Property
StrandColor2_Get_Property
StrandColor1_Set_Property
StrandColor1_Get_Property
ShowOrgans_Set_Property
ShowOrgans_Get_Property
ShowJoints_Set_Property
ShowJoints_Get_Property
ShowCells_Set_Property

Methods:

DNAView has total 5 methods.

Initialize

Initialize DNA Shape view inside an arrangement.

Parameter Type
arrangement component

StartAnimation

Start the DNA animation.

StopAnimation

Stop the DNA animation.

ShowDNAShapeView

Show the DNA shape view. Makes it visible.

HideDNAShapeView

Hide the DNA shape view. Makes it invisible.

Setters:

DNAView has total 37 setter properties.

StrandColor1

Set the first strand color of the DNA helix.

  • Input type: number

StrandColor2

Set the second strand color of the DNA helix.

  • Input type: number

BaseColor

Set the base pair color of the DNA helix.

  • Input type: number

BackgroundColor

Set the background color of the DNA view.

  • Input type: number

RotationSpeed

Set the rotation speed of the DNA animation.

  • Input type: number

IsAnimating

Set whether the DNA should animate or not.

  • Input type: boolean

NumberOfBases

Set the number of base pairs in the DNA helix.

  • Input type: number

HelixDiameter

Set the diameter of the DNA helix. For example, a diameter of 10 would set the width of the DNA helix to 10 units.

  • Input type: number

HelixPitch

Set the pitch (vertical distance between turns) of the DNA helix. For example, a pitch of 10 would set the vertical distance between each turn of the helix to 10 units.

  • Input type: number

ShowBaseLabels

Set whether to show base labels (A, T, G, C) or not.

  • Input type: boolean

TextColor

Set the color of the base labels text.

  • Input type: number

TextSize

Set the size of the base labels text. For example, a value of 10 would set the text size to 10 pixels.

  • Input type: number

TextBold

Set whether the text should be bold or not.

  • Input type: boolean

TextItalic

Set whether the text should be italic or not.

  • Input type: boolean

FontFamily

Set the font family for the text. Valid values are 'sans-serif', 'serif', and 'monospace'.

  • Input type: text

BaseLabelOffset

Set the base label offset from the base pair line. For example, a value of 10 would move the base labels 10 pixels away from the base pair line.

  • Input type: number

ShowBodyPart

Set whether to show a body part visualization alongside the DNA.

  • Input type: boolean

BodyPartType

Set the type of body part to display. Options: 'heart', 'brain', 'cell', 'dna', 'lungs', 'liver', 'kidney', 'muscle', 'neuron', 'skin', 'bone', 'eye', 'hair', 'nose', 'lips', 'teeth', 'mouth', 'tongue', 'ear'

  • Input type: text
  • Helper type: BodyType
  • Helper enums: Heart, Brain, Cell, Dna, Lungs, Liver, Kidney, Muscle, Neuron, Skin, Bone, Eye, Hair, Nose, Lips, Teeth, Mouth, Tongue, Ear

BonePartType

Set the type of bone part to display. Options: 'hand', 'skull', 'ribcage', 'spine', 'pelvis', 'femur', 'foot', 'finger', 'skeleton'

  • Input type: text
  • Helper type: BoneType
  • Helper enums: Hand, Skull, Ribcage, Spine, Pelvis, Femur, Foot, Finger, Skeleton

BodyColor

Set the main color of the body part.

  • Input type: number

OrganColor

Set the color of internal organs in the body part.

  • Input type: number

CellColor

Set the color of cells in the body part.

  • Input type: number

ShowOrgans

Set whether to show organs within the body part.

  • Input type: boolean

ShowCells

Set whether to show cells within the body part.

  • Input type: boolean

BodyScale

Set the scale of the body part visualization (1.0 = 100%).

  • Input type: number

BodyXOffset

Set the horizontal offset of the body part visualization.

  • Input type: number

BodyYOffset

Set the vertical offset of the body part visualization.

  • Input type: number

BodyTextSize

Set the text size for the body part labels.

  • Input type: number

BodyTextColor

Set the text color for the body part labels.

  • Input type: number

BaseLabels

Set custom base labels (e.g., 'A,T,G,C').

  • Input type: text

BoneColor

Set the main color of the bones.

  • Input type: number

JointColor

Set the color of joints in the bone part.

  • Input type: number

CartilageColor

Set the color of cartilage in the bone part.

  • Input type: number

ShowJoints

Set whether to show joints within the bone part.

  • Input type: boolean

ShowCartilage

Set whether to show cartilage within the bone part.

  • Input type: boolean

BoneTextSize

Set the text size for the bone part labels.

  • Input type: number

BoneTextColor

Set the text color for the bone part labels.

  • Input type: number

Getters:

DNAView has total 36 getter properties.

StrandColor1

Set the first strand color of the DNA helix.

  • Return type: number

StrandColor2

Set the second strand color of the DNA helix.

  • Return type: number

BaseColor

Set the base pair color of the DNA helix.

  • Return type: number

BackgroundColor

Set the background color of the DNA view.

  • Return type: number

RotationSpeed

Set the rotation speed of the DNA animation.

  • Return type: number

IsAnimating

Set whether the DNA should animate or not.

  • Return type: boolean

NumberOfBases

Set the number of base pairs in the DNA helix.

  • Return type: number

HelixDiameter

Set the diameter of the DNA helix. For example, a diameter of 10 would set the width of the DNA helix to 10 units.

  • Return type: number

HelixPitch

Set the pitch (vertical distance between turns) of the DNA helix. For example, a pitch of 10 would set the vertical distance between each turn of the helix to 10 units.

  • Return type: number

ShowBaseLabels

Set whether to show base labels (A, T, G, C) or not.

  • Return type: boolean

TextColor

Set the color of the base labels text.

  • Return type: number

TextSize

Set the size of the base labels text. For example, a value of 10 would set the text size to 10 pixels.

  • Return type: number

TextBold

Set whether the text should be bold or not.

  • Return type: boolean

TextItalic

Set whether the text should be italic or not.

  • Return type: boolean

FontFamily

Set the font family for the text. Valid values are 'sans-serif', 'serif', and 'monospace'.

  • Return type: text

BaseLabelOffset

Set the base label offset from the base pair line. For example, a value of 10 would move the base labels 10 pixels away from the base pair line.

  • Return type: number

ShowBodyPart

Set whether to show a body part visualization alongside the DNA.

  • Return type: boolean

BodyPartType

Set the type of body part to display. Options: 'heart', 'brain', 'cell', 'dna', 'lungs', 'liver', 'kidney', 'muscle', 'neuron', 'skin', 'bone', 'eye', 'hair', 'nose', 'lips', 'teeth', 'mouth', 'tongue', 'ear'

  • Return type: text

BonePartType

Set the type of bone part to display. Options: 'hand', 'skull', 'ribcage', 'spine', 'pelvis', 'femur', 'foot', 'finger', 'skeleton'

  • Return type: text

BodyColor

Set the main color of the body part.

  • Return type: number

OrganColor

Set the color of internal organs in the body part.

  • Return type: number

CellColor

Set the color of cells in the body part.

  • Return type: number

ShowOrgans

Set whether to show organs within the body part.

  • Return type: boolean

ShowCells

Set whether to show cells within the body part.

  • Return type: boolean

BodyScale

Set the scale of the body part visualization (1.0 = 100%).

  • Return type: number

BodyXOffset

Set the horizontal offset of the body part visualization.

  • Return type: number

BodyYOffset

Set the vertical offset of the body part visualization.

  • Return type: number

BodyTextSize

Set the text size for the body part labels.

  • Return type: number

BodyTextColor

Set the text color for the body part labels.

  • Return type: number

BoneColor

Set the main color of the bones.

  • Return type: number

JointColor

Set the color of joints in the bone part.

  • Return type: number

CartilageColor

Set the color of cartilage in the bone part.

  • Return type: number

ShowJoints

Set whether to show joints within the bone part.

  • Return type: boolean

ShowCartilage

Set whether to show cartilage within the bone part.

  • Return type: boolean

BoneTextSize

Set the text size for the bone part labels.

  • Return type: number

BoneTextColor

Set the text color for the bone part labels.

  • Return type: number

Thanks

TechHamara

Feel free to contact us any quarry or suggestions.

1 Like
2

You have a GNU General Public License v3.0 for your extension and a lot of your other extensions, but I can not find the source code for the aix. Could you publish the source code also?

1 Like
3

Hi @Peter

It's not open source project and I am update this licence file.

4

You have to remember that all the people who got your extensions under the previous license can use it that way and should get the source code since you published it under that license.

Did you use any libraries for your extensions? I don't see you mention any libraries.

5

No any third-party library in use this extension.

Thank you for your information. @Peter