Visualization
Links
- TextVis Browser: A Visual Survey of Text Visualization Techniques - https://textvis.lnu.se/
- TrustMLVis Browser: A Visual Survey in Enhancing Trust in Machine Learning (ML) Models with Visualization - https://trustmlvis.lnu.se/
- Bad data guide - https://github.com/Quartz/bad-data-guide
- Life of a triangle - NVIDIA's logical pipeline - https://developer.nvidia.com/content/life-triangle-nvidias-logical-pipeline
- A trip through the Graphics Pipeline 2011: Index - https://fgiesen.wordpress.com/2011/07/09/a-trip-through-the-graphics-pipeline-2011-index/
- Learning Modern 3D Graphics Programming - https://paroj.github.io/gltut/
- Physically Based Rendering (Oscar winning book) - https://www.pbrt.org/ Code
- Scientific Visualization: Python + Matplotlib by Nicolas Rougier - https://hal.inria.fr/hal-03427242
- Chromotome: A collection of color palettes - https://kgolid.github.io/chromotome-site/
Courses/Tutorials/Books
- Visualization Curriculum using Altair and Vega-Lite - https://github.com/uwdata/visualization-curriculum
- Open source book in R Fundamentals of Data Visualization by Claus O. Wilke - https://serialmentor.com/dataviz/
- Courses by Michael Freeman - http://mfviz.com/
- Multiple esoteric chart types using Plotly Express - https://nicolas.kruchten.com/semiology_of_graphics/
- Pixar Story telling course on Khan Academy - https://www.khanacademy.org/computing/pixar/storytelling
- Scientific Visualization: Python + Matplotlib - https://github.com/rougier/scientific-visualization-book
- Scratchapixel 2.0 - Volume 1: Foundations of 3D Rendering - https://www.scratchapixel.com/index.php
Learn D3
- http://learnjsdata.com/index.html
- http://bl.ocks.org/sxywu/fcef0e6dac231ef2e54b - Very good and clean example of D3 with React
- http://d3indepth.com/ - Step by step to using D3 v4
- https://medium.com/@sxywu/on-d3-react-and-a-little-bit-of-flux-88a226f328f3 - Shirly Wu's blog
- https://medium.com/@sxywu/understanding-the-force-ef1237017d5 - Custom layouts
- http://mfviz.com/react-d3/ - Read D3 exercises
- http://slides.com/shirleywu/deck-11 - D3 React tutorial ppt
- http://slides.com/shirleywu/deck-10 - General design guidelines for D3
- https://d3-discovery.net/ - many d3 examples
- https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a
- http://elliotbentley.com/2016/05/23/a-better-way-to-structure-d3-code.html
- https://bl.ocks.org/nstrayer/37a503dd1db369a8f7e3ce21757e19ee - Reusable charts
- https://www.smashingmagazine.com/2018/02/react-d3-ecosystem/
- https://github.com/datavis-tech/awesome-dataviz-education - List of good resources on visualization
Tools
- http://facebook.github.io/immutable-js/ - Immutable data structures
- https://runkit.com/home - For prototyping
- https://beta.observablehq.com - For prototyping with D3
- https://github.com/nicgirault/circosJS - Circos Charts in JS using D3
- https://excalidraw.com/ - Make handdrawn looking diagrams
- https://visjs.org/ - Network + Timeline + 3d + 2d graphs in JS
- https://meyda.js.org/ - Audio visualization
- https://bioicons.com/ - Bioicons
- https://github.com/penrose/penrose - Penrose - Create beautiful diagrams just by typing mathematical notation in plain text.
- https://github.com/marceloprates/prettymaps - Pretty maps using OSM and matplotlib
- https://github.com/deeptools/pyGenomeTracks - plot beautiful and highly customizable genome browser tracks
- https://visit-dav.github.io/visit-website/ - VisIt is a free, open source, platform independent, distributed, parallel, visualization tool for visualizing data defined on two- and three-dimensional structured and unstructured meshes.
- https://www.paraview.org/ - ParaView is the world’s leading open source post-processing visualization engine.
Diagrams
- Draw.io - https://draw.io
- PlantUML - https://plantuml.com/
- Online graphviz - https://dreampuf.github.io/GraphvizOnline/#
Shaders
- Smoothstep.io - https://docs.smoothstep.io/tutorial/
- Shadertoy - https://www.shadertoy.com/