Client-side standalone Plasmid illustration drawing(SVG) for biotech use
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitattributes
Blue-Red Spectrum.png
Blue-Red Spectrum.svg
Example.png
Example.svg
Example2.png
Example2.svg
Example3.png
Example3.svg
FL Setting help.jpg
FlexiPlasmidDraw v2 Deluxe.xhtml
FlexiPlasmidDraw2017.html
Green-Blue Spectrum.png
Green-Blue Spectrum.svg
README.md
Rainbow ColorWheel.png
Rainbow ColorWheel.svg
Red-Yellow wheel.png
Red-Yellow wheel.svg
TYMPlasmidDraw.htm
Yellow-Green Spectrum.png
Yellow-Green Spectrum.svg
canvas setting help.jpg
example deluxe.svg
general setting help.jpg
gf setting help.jpg
helpd.htm
index.html
plasmid.js
plasmid2017.js
proper_demo.svg
text setting help.jpg

README.md

Proper demo

FlexiPlasmidDraw

Client-side standalone Plasmid illustration drawing(SVG) for biotech/educational use.

Created in 2008, before the HTML5 or whatever JS framework era.

This is a javascript-based tool for drawing plasmid and retriving the image as vector SVG commands. Useful for quickly creating an illustration for presentation use, or when the actual DNA sequence does not matter.

SVG file can be edited using WYSIWYG editor Inkscape or Illustrator, or even a plain text editor, and can be enlarged without degrading image quality.

You can download everything on to your own PC and then just run index.html, then select either 2017 OR Basic OR Deluxe version to run.

All modern browsers as of 2015 should be able to render SVG so you can forget about the Basic version actually.

MIT license. Donation welcome (paypal at: mavericktse@ gmail .com ).

Originally published on my blog at [http://mavericktse.mooo.com/] → now [https://www.mavtse.com]

Use case

  • SlideShow presentation
  • Thesis and Journal publication
  • Conference poster

2017 Patch

  • Completely resolved the "curved text" alignment issue
  • Added CJK (中日韓) text support
  • Added HTML5 UI with direct SVG and PNG download function

Difference from other tools

  • Vector NTI/pDraw and other payware: This is free and better suitable for simple illustration purpose, no actual DNA sequence needed
  • Savvy: This is client-side only and offer more features (man, this worth a publication!? what a joke)
  • AngularPlasmid: This is more light-weight and gives you the actual SVG code, but less features
  • All Others: This is more than a plasmid tool. You can use it for other illustrations or art that base on circles and sectors

Color Wheel