Skip to content

Rachel2705/Interactiv_Biovisualization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactiv_Biovisualization

HTML File:

  • Created a webpage for biovisualization.
  • Defined styling using CSS.
  • Added a navigation bar with links to Genetic Sequence, 3D Model, and Data Analysis.
  • Included containers for visualizations with Font Awesome icons.
  • Added a "Capture Visualization" button for image download. Link

image

image

JavaScript (app.js):

  • Provided sample genetic sequence data.
  • Utilized D3.js for genetic sequence visualization.
  • Dynamically sized the SVG element.
  • Represented bases with rectangles having customized colors.
  • Added labels for each base.
  • Positioned elements dynamically based on the base index.
  • Ensured vertical alignment using "dominant-baseline."

Overall:

  • Attempted to achieve an interactive biovisualization webpage.
  • Implemented genetic sequence visualization using D3.js.
  • Used rectangles and labels to represent bases.
  • Applied customized colors based on the type of base.
  • Included a "Capture Visualization" button to trigger image download.
  • image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published