Skip to content
Display matrices with D3
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE.md
README.md
_config.yml
d3.js
d3matrix.js
index.html
jscolor.js
minimal.html
rectangles.html
style.css

README.md

D3Matrix

D3Matrix is a very small javascript library for taking a tab/comma/space separated file (.tsv/.csv/.txt) and illustrating using colors to indicate value (blue is negative, red is positive) and circle-sizes to indicate absolute value (values of 0 become points; non-zero values have larger radius).

A minimal working example could look like this:

<html>
  <head>
    <script src="d3.js"></script>
    <script src="d3matrix.js"></script>
  </head>
  <body>
    <div id="canvasDiv"></div>
    <script language="javascript">
      var d3m = initD3Matrix("canvasDiv", 800 );
      d3m.update("1,2,3\n-3,0,3");
    </script>
  </body>
</html>

A larger practical example can be found in this repos github page: https://rasmusfonseca.github.io/D3Matrix/

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.