A tool for visualizing arrays and matrices in 3D space using Three.js.

Hosted at: https://arrayviz.com

• Works with 1D, 2D or 3D arrays
• Paste array data from clipboard or read from file
• Cell color scaled by relative value
• Full camera movement: rotation (mouse), zoom (scroll wheel), translation (arrow keys)
• Array dimension display (bottom left)
• Query input for highlighting values or value ranges (bottom right)
• Array value histogram (bottom right)

npm install

Start the node server providing the path to your array file.

node server.js path/to/filename.ext

Then open localhost:8080 in a browser to view the visualization.

• JSON (.json)
• CSV (.csv)
• NumPy (.npy, .npz)
• HDF (.hdf, .h5, .hdf5)
• Pickle (.pickle)

node server.js

Then open localhost:8080 in a browser and paste your JSON array into the input box. Ensure the JSON is valid and there are no trailing commas after any final elements in a list.

[ [ [1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11, 12] ], [ [13, 14, 15], [16, 17, 18], [19, 20, 21], [22, 23, 24] ] ]