CRISPR-Cas9
Cas9 hunting a genome for its target: PAM recognition, R-loop formation, a double-strand break and NHEJ or HDR repair. Change the guide, mismatch tolerance and repair pathway.
- 21.5 KB .bexode
- 10 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// sci-crispr-cas9.bexode goes in /public (download it below)
export function SciCrisprCas9() {
return (
<ExodeUICanvas
src="/sci-crispr-cas9.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | CRISPR-Cas9 | — |
guide | Text | GAGTCCGAGCAGAAGAAGAA | — |
tol | Number | 3 | 0 – 8 |
scan | Number | 14 | 2 – 40 |
repair | Number | 0 | 0 – 1 |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #5ee0ff | hex colour |
accent2 | Text | #ffc35c | hex colour |
bg | Text | #06080b | hex colour |
text | Text | #e6edf3 | hex colour |