└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # PixiJS and Datavisualization 2 | How, where and why is PixiJS used for datavis. A resource list for devs and designer. https://pixijs.com 3 | 4 | PixiJS 5 | - WebGL library 6 | - For game development 7 | - Abstracts webGL into easy to use objects 8 | - Why Pixi ? https://pixijs.io/bunny-mark 9 | 10 | Performance 11 | - https://bl.ocks.org/pjanik/5171361 12 | - https://bl.ocks.org/duhaime/e027a64b5075ae1d01f1fec0ed0a3a26 13 | 14 | Alternatives 15 | - threejs.org 16 | - two.js.org 17 | - regl.party 18 | - stack.gl 19 | - js https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API 20 | 21 | Visualizations with Pixi 22 | - https://uclab.fh-potsdam.de/fw4/vis 23 | - https://vikusviewer.fh-potsdam.de 24 | - https://project-ukko.net 25 | - https://uclab.fh-potsdam.de/coins 26 | - https://globalfishingwatch.org/map/ 27 | - https://okela.org/es/red 28 | - https://histography.io 29 | - https://musiclab.chromeexperiments.com/Experiments 30 | 31 | Maps: Leaflet + Pixi 32 | - https://github.com/manubb/Leaflet.PixiOverlay 33 | 34 | Vue + Pixi 35 | - https://github.com/Granipouss/vue-pixi 36 | - https://github.com/Gaubee/vue-pixi 37 | - https://github.com/SuneBear/Piano-Flow 38 | 39 | Plain D3 + Pixi 40 | - https://bl.ocks.org/kirjavascript/dcafa2b3a53cbcc9c5de19b938b92119 41 | 42 | Performance tips 43 | - https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips 44 | 45 | Tutorial 46 | - https://pixijs.io/examples/#/basics/basic.js 47 | - https://github.com/kittykatattack/learningPixi 48 | 49 | Pixi Objects 50 | - Containers 51 | - Sprites 52 | - Graphics 53 | - Loader 54 | --------------------------------------------------------------------------------