Entity relationship diagrams

Posted 01 Sep 2017


Here’s a quick way to build entity relationship diagrams using a simple markup language called nomnoml.

Check-out the website at NomNoml

And here’s an example which is easily embedded into a website such as Confluence:

<!DOCTYPE html>
 <html lang="en">
 <meta charset="utf-8">
 <script src=""></script>
 <script src=""></script>
 <script src=""></script>
 <canvas id="target-canvas"></canvas>
  var canvas = document.getElementById('target-canvas');
  var source = `
 #zoom: 0.8
 [Talend Cloud|orchestration];
 [AWS|CSV files];
 [Snowflake|SQL database];
 [Remote Engine|on-premise bridge];
 [O365] <- [PowerBI];
 [Snowflake] <- [PowerBI];
 [Talend Cloud] <- [Remote Engine];
 [AWS] <- [Remote Engine];
 [Snowflake] <- [Remote Engine];
 [Remote Engine] -> [LOB1];
 [Remote Engine] -> [LOB2]
 nomnoml.draw(canvas, source);

This is the output from the above markup:

Jupyter Notebook

Example NomNoml

I think this works best in Chrome - but who uses IE anyway ?! (update: seems to work in Safari too)