digraph G {
a -> b [dir=both color="red:blue"]
c -> d [dir=none color="green:red;0.25:blue"]
}
@startuml
clock "Clock_0" as C0 with period 50
clock "Clock_1" as C1 with period 50 pulse 15 offset 10
binary "Binary" as B
concise "Concise" as C
robust "Robust" as R
analog "Analog" as A
@0
C is Idle
R is Idle
A is 0
@100
B is high
C is Waiting
R is Processing
A is 3
@300
R is Waiting
A is 1
@enduml
module demo_device #(
//# {{}}
parameter SIZE = 8,
parameter RESET_ACTIVE_LEVEL = 1
) (
//# {{clocks|Clocking}}
input wire clock,
//# {{control|Control signals}}
input wire reset,
input wire enable,
//# {{data|Data ports}}
input wire [SIZE-1:0] data_in,
output wire [SIZE-1:0] data_out
);
// ...
endmodule
box
box (with
rounded
corners)
circle
ellipse
oval
(tall &
thin)
oval
cylinder
file
dot
lines
arrows
splines
Examples Of Pikchr Objects
Markdown
Source
Markdown
Formatter
(mdbook)
HTML+SVG
Output
Pikchr
Preprocessor
(mdbook-pikchr)
MMU Filesystem Scheduler IO Network HAL MMU 8 9 10 11 12 Svgbob is a diagramming model which uses a set of typing characters to approximate the intended shape. It uses a which are combination of characters readily available on your keyboards. What can it do? Basic shapes . . . . Quick logo scribbles .::::. Even unicode box drawing characters are supported Circle, quarter arcs, half circles, 3 4 quarter arcs Grids Graphics Diagram 0 3 1 2 4 7 5 6 P v0 v3 X Eye +y ⤴ +z Reflection +x Refraction v1 v2 CJK characters Sequence Diagrams A B C D B F E G C Bob Alice hello Is Alice Bob it ok? 0 1 3 4 . . 5 6 7 2 Plot diagrams Uin Udc 500ms Inactive Active Cpu.Qon Railroad diagrams elem ; n x , x , O struct name : name : tpe body O , Statistical charts E D C B A 5 10 15 20 25 30 35 40 45 50 E D C B A 5 10 15 20 25 30 35 40 45 50 85.67 78.20 70.73 63.27 55.80 48.33 40.87 33.40 25.93 18.47 11.00 2011 2012 2013 2014 2015 2016 Flow charts OS API Block diagrams vncviewer [ ] , , gateway vncserver ) . ' [ ... . internet ' . Valveless Pulsejet engine ' . GND power switch HHO Generator + Battery thrust fuel intake ^ ^ spark plug Water intake Solar panel micro henry coil w tuning ' pico farad cap trimmable ground plane foil symbolic antenna lug PC Board Mindmaps Worklaod Alpha Initial Release Planning Patch 1 Initial research Patch 2 Beta . Release . Push backs Setbacks Reception Team Career change PTO Bug It can do complex stuff such as circuit diagrams +10 15V 0,047R + . 470 + uF 6 7 8 1 GND ` 220R BYV29 12V6 OUT + 2 C GND C 3 1nF C + GND GND 5 4 2k 1k0 GND 2k2 LED 1k BC 547 IRF9Z34 MC34063 6000 micro Farad, 40V Capacitor 30uH 470 uF 5k6 + 3k3 in Serie Latest addition: Styling of tagged shapes Advantages: Plain text format Ultimately portable, Degrades gracefully Even when not using a graphical renderer, it would still looks as text based diagrams. Paste the text in your source code. Easiest to use. Anyone knows how to edit text. backward compatible and future proof. good .--------------. | Don't draw me| | | '--------------' Udc_OK 文 件 系 统 调 度 器 ⠶ ⠶ ...° ] ⠶ ⠶ ⠶
' ' Database o iOS Not a dot 3 Derived Implementation A < > V Server Cloud Internet WiFi Bluetooth Windows OS X Laptop 1 Laptop 2 # # # # LAN Ubuntu Ubuntu Dedicated Server Rack Tablet 1 16 4 1 2 8 52 14 0 9 10 0 1 ⋯ Basis ⋯ ⎧ ⎨ ⎩ ⋯ Xᵢ ⋯ ⋯ > A B Y C 1 2 3 4 1 2 3 4 1 2 3 4 1 1 1 2 2 2 3 3 3 4 4 4 A Box Round Mixed Rounded Diagonals & Square Corners Diag line if a > b obj fcn Join Interior Search Done? Curved line Curved Vertical not:line 'quotes' A B *bold* A dash is not a line Nor is this. < Base Interface OtherInterface | | Poor man's rail road Style #1 o elem ; n o x , x , O struct name : name : tpe body O , Style #2 elem ; n x , x , struct name : name : tpe body , 120 90 135 ^ ^ ' ` . . ' ` . . 225 60 45 180 0 240 270 300 315 120 ^ 90 135 ^ ^ ' ` . ` . . 225 240 270 300 315 60 45 150 ◤ ◥ 30 180 0 210 ◣ 330 ◢ . . . . . . ' ' ` ' | . | . ' ` | . | . ` ' | . | . ' ` | . | . ┏━━━ ━━━┳ ━┳━ ┃ A₁ ┃ A₂ ┃ ┡━━━ ━━━╇ ━╇━ ┳━ ━━ ━┓ ┃ Aⱼ ┃ ╇━ ━━ ━┩ ⠠ ⠐ ⠈ ⠈ ⠐ ⠠. ⠠ ⠐ ⠈ ⠠ ⠐' ⠈ ⠈ ⠐ ⠠ ⠠ ⠐ ⠈ ⠈ ⠐ ⠠ ⠈ ⠐ ⠠ ⠠ ⠐ ⠈ ⠠ ⠐ ⠈ ⠈ ⠐ ⠠ ⠠ ⠐ ⠈ ⠈ ⠐ ⠠ ⠈ ⠐ ⠠