Download raw (2.3 KB)

digraph {
  graph [splines=line; ranksep=2.5; nodesep=0.8; fontname="AVHershey Simplex"; dpi=300];
  edge [fontname="AVHershey Simplex"]
  node [shape=none; fontname="AVHershey Simplex"]
  developer [label="developed by"];
  "render engine";
  "browser";
  
  developer -> "render engine" -> browser [style=invis];

  "kde" [label="kde (community)"];
  "apple";
  "microsoft";
  "google";
  "operaSA" [label="opera"];
  "mozilla";

  node [shape=box];

  "presto" [color=gray; fontcolor=gray];
  "gecko";
  "KHTML" [color=gray; fontcolor=gray];
  "webkit";
  "blink";
  "edge html" [color=gray; fontcolor=gray];
  "trident" [color=gray; fontcolor=gray];

  "firefox";
  "safari";
  "chrome";
  "opera";
  "brave";
  "internet explorer" [color="gray", fontcolor=gray];
  "edge";
    
  { rank=same; "developer"; "kde"; "apple"; "microsoft"; "google"; "operaSA"; "mozilla"}
  { rank=same; "render engine"; "gecko"; "presto"; "KHTML"; "webkit"; "blink"; "edge html"; "trident"; }
  { rank=same; "browser"; "firefox"; "safari"; "chrome"; "opera"; "brave"; "internet explorer"; "edge" }

  kde -> KHTML [style=dotted; arrowhead=none];
  mozilla -> gecko [style=dotted; arrowhead=none];
  microsoft -> trident [style=dotted; arrowhead=none];
  microsoft -> "edge html" [style=dotted; arrowhead=none];
  apple -> webkit [style=dotted; arrowhead=none];
  google -> blink [style=dotted; arrowhead=none];
  operaSA -> presto [style=dotted; arrowhead=none];
  operaSA -> blink [style=dotted; arrowhead=none; color=grey; label="?"; fontcolor=grey];
  microsoft -> blink [style=dotted; arrowhead=none; color=grey; label="?"; fontcolor=grey];

  KHTML -> webkit [style=invis];
  webkit -> blink [style=invis];
  blink -> presto [style=invis];
  presto -> "edge html" [style=invis];
  "edge html" -> trident [style=invis];
  trident -> gecko [style=invis];

  firefox -> gecko;
  safari -> webkit;
  chrome -> webkit [label="until 2013", color=gray];
  chrome -> blink [label="since 2013"];
  opera -> presto  [label="until 2013", color=gray];
  opera -> blink  [label="since 2013"];
  brave -> blink;
  "edge" -> "edge html" [label="Until 2018", color=gray, labelangle=70.0];
  "edge" -> blink [label="since 2018"];
  "internet explorer" -> "trident" [color=gray];
  KHTML -> webkit [label="forked in 2003"; style=dotted]
  webkit -> blink [label="forked in 2013"; style=dotted];
}