Grafică & Programare în Internet (2)

• https://www.youtube.com/watch?v=emFMHH2Bfvo - SVG Explained in 100 Seconds

• https://developer.mozilla.org/en-US/docs/Web/SVG - SVG: Scalable Vector Graphics

• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial - SVG Tutorial

• https://www.youtube.com/watch?v=ecl-eCbYFPM - Reverse Engineer CSS Animations #Shorts

• https://www.youtube.com/watch?v=UTHgr6NLeEw - Make Awesome SVG Animations with CSS // 7 Useful Techniques

• https://www.w3schools.com/graphics/ - HTML Graphics

• https://www.w3schools.com/graphics/svg_intro.asp - SVG tutorial, W3Schools

• https://www.youtube.com/watch?v=vAJEHf92tV0 - Learn HTML Canvas: Pixels & Physics

• https://www.packtpub.com/product/vector-graphics-with-svg-html-complete-course-with-projects-video/9781838645991 - Vector Graphics with SVG & HTML - Complete Course with Projects

• https://www.udemy.com/course/svg-basics-for-beginners-concepts-explained-with-examples/ - SVG basics for beginners - concepts explained with examples

• https://www.vandelaydesign.com/best-svg-code-tutorials/ - Best Free SVG Code Tutorials For Web Designers & Developers

• https://cs.lmu.edu/~ray/notes/introjavascriptgraphics/ - JavaScript Graphics

• https://www.skillshare.com/browse/svg - Cursuri de SVG pe Skillshare

• https://www.toptal.com/front-end/svg-animation-guide - A How-to Guide to SVG Animation

• https://medium.com/@aniboaz/animate-svg-4fa7dd00e860 - How I stopped worrying and learned to animate SVG

• https://yalantis.com/blog/web-animation-technologies-and-tools/ - Web Animations and Animation Tools That You Can Use for Your Web App

Tutoriale

• https://www.youtube.com/watch?v=vqXLGX0szIQ - Motion Design for the Web | FREE COURSE

• https://www.w3schools.com/graphics/svg_intro.asp - SVG Tutorial

• https://www.w3schools.com/graphics/canvas_intro.asp - HTML Canvas Tutorial

• https://www.w3docs.com/learn-html/html-canvas-tag.html - HTML <canvas> Tag

• https://rembound.com/articles/how-to-make-a-html5-canvas-game - How To Make An HTML5 Canvas Game

• https://www.vincentntang.com/3d-renderer-2d-html-canvas/ - How to build a 3D Renderer with 2D HTML Canvas

• https://www.youtube.com/watch?v=LQPKzf_G18Q - HTML5 Canvas Tutorial - Examples using HTML5 Canvas

• https://www.youtube.com/watch?v=UoTxOVEecbI - Pixel Effects with JavaScript and HTML Canvas - Tutorial

• https://www.youtube.com/watch?v=ZKrjsux7C38 - Interactive web animation with SVG (DevFest 2019)

• https://www.youtube.com/watch?v=vcJwm4ejcjI - Creative SVG Animation Ideas CSS JavaScript HTML

• https://www.youtube.com/watch?v=XK7T3mY1V-w - Awesome 3D ANIMATION Javascript Tutorial!

• https://www.youtube.com/watch?v=YszONjKpgg4 - Learn CSS Animation In 15 Minutes

• https://www.youtube.com/watch?v=MLfAW55_4cY - Buttons With Awesome Hover Effects Using Only HTML & CSS

Exemple

• https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH - Coding Challenges

• https://speckyboy.com/css-javascript-polygons/ - 8 Awesome Examples of CSS & JavaScript Polygons

• https://www.youtube.com/watch?v=LuWdeuPMHps - Easy Hand-Drawn SVG Animation #Shorts

• https://www.youtube.com/watch?v=m-osco-Xuqs - 100 Best Logo Animation l 100 Best Motion logos l 100 Cool Logos l 100 Logo Intro

• https://bashooka.com/coding/svg-animation-ideas-2017/ - 40 Interesting SVG Animation Ideas 2019

• https://ro.pinterest.com/kandrplusc/svg-animation/ - SVG Animation (colecție Pinterest)

• https://colorlib.com/wp/svg-animations-examples/ - Top 24 Examples of SVG Animations for Web Designers and Developers 2020

• https://ro.pinterest.com/roblevintennis/svg-animation-examples/ - SVG Animation Examples (colecție Pinterest)

• https://www.pinterest.ie/gill111/svgs/ - SVGs (colecție Pinterest)

• https://awesomeopensource.com/projects/svg-animations - The Top 14 Svg Animations Open Source Projects

• https://www.hongkiat.com/blog/svg-animations/ - 30 Awesome SVG Animation For Your Inspiration

• https://www.creativebloq.com/design/examples-svg-7112785 - 20 examples of SVG that will make your jaw drop

• https://dribbble.com/tags/svg_animation - Svg Animation

• https://mapsvg.com/blog/svg-animation-examples - The Absolute Best SVG Animation Examples (Must See)

• https://csspoint101.com/50-best-svg-animation-examples/ - 50+ Best SVG animations

• https://css-tricks.com/tag/svg-animation/ - SVG ANIMATION

• https://designsrock.org/svg-animation-examples/ - 55+ Unique SVG Animation Examples for Inspiration

• https://www.webfx.com/blog/web-design/examples-html5-canvas/ - 17 Experimental Examples of Using HTML5 Canvas

• https://code.tutsplus.com/articles/21-ridiculously-impressive-html5-canvas-experiments--net-14210 - 21 Ridiculously Impressive HTML5 Canvas Experiments

• https://speckyboy.com/html5-canvas/ - 20 Amazing Implementations of HTML5 Canvas

• https://www.webfx.com/blog/web-design/examples-html5-canvas/ - 17 Experimental Examples of Using HTML5 Canvas

• https://medium.com/@huiwang339/html-canvas-animation-with-javascript-1956426287d3 - HTML <canvas> Animation with Javascript

• https://davidwalsh.name/canvas-demos - 9 Mind-Blowing Canvas Demos

• https://towardsdatascience.com/fun-with-html-canvas-build-the-matrix-c87c4bb12487 - Fun With HTML Canvas — Build the Matrix

• https://vivekseth.com/parametric-drawing-canvas/ - Drawing Parametric Graphs with the HTML Canvas

• https://cloudinary.com/blog/creating_html5_animations - Create Beautiful HTML5 Animations With the Canvas Element

• https://www.youtube.com/watch?v=QNTeq4QdOsQ - Top 20 CSS & Javascript Effects | March 2020

WebGL - exemple

• https://www.awwwards.com/30-experimental-webgl-websites.html

• https://www.awwwards.com/websites/webgl/

• https://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

• https://paveldogreat.github.io/WebGL-Fluid-Simulation/

• https://project-awesome.org/sjfricke/awesome-webgl

• https://builtvisible.com/webgl-examples/

Biblioteci JavaScript pentru grafică

• O lista extensivă de biblioteci: https://gist.github.com/dmnsgn/76878ba6903cf15789b712464875cfdc 

• https://www.creativebloq.com/features/amazing-graphical-javascript-frameworks - 11 JavaScript frameworks for creating graphics

• https://javascript.plainenglish.io/top-10-graphical-libraries-to-use-with-javascript-frameworks-40dfc2b77202 - Top 10 Graphical Libraries to Use with JavaScript Frameworks

• https://blog.bitsrc.io/11-javascript-charts-and-data-visualization-libraries-for-2018-f01a283a5727 - 11 Javascript Data Visualization Libraries for 2019

• https://modeling-languages.com/javascript-drawing-libraries-diagrams/ - 10+ JavaScript libraries to draw your own diagrams (2020 edition)

• https://www.slant.co/topics/28/~best-javascript-drawing-libraries - What are the best JavaScript drawing libraries?

• https://d3js.org/ - D3.js

• https://developers.google.com/chart/ - Google Chart

• https://www.chartjs.org/ - ChartJS

• https://gionkunz.github.io/chartist-js/ - Chartist.JS

• https://britecharts.github.io/britecharts/ - Britecharts

• https://taucharts.com/ - Taucharts

• https://two.js.org/ - Two.js

• https://threejs.org/ - Three.js

• https://ptsjs.org/ - Pts.js

• https://animejs.com/ - Anime.js

• https://zzz.dog/ - Zdog

• http://snapsvg.io/ - Snap.svg

• https://svgjs.com/docs/3.0/ - Svg.js

• https://github.com/nextreports/nextcharts - NextCharts

• https://www.pixijs.com/ - PixiJS

• http://www.graphicsjs.org/ - GraphicsJS

• http://www.jsgl.org/doku.php - JSGL

• https://metricsgraphicsjs.org/ - MetricsGraphics.js

• http://raphaeljs.com/ - Raphael.js

• https://c3js.org/ - C3.js

• https://bonsaijs.org/ - BonsaiJS

• http://paperjs.org/ - Paper.js

• https://vectorjs.org/ - Vector.js

• https://gojs.net/latest/index.html - GoJS

• https://www.nomnoml.com/ - nomnoml

• https://mermaid-js.github.io/mermaid/#/ - Mermaid

• https://plotly.com/javascript/ - Plotly

• https://nvd3.org/ - NVD3

• https://viserjs.github.io/ - Viser

• https://ui.toast.com/tui-chart - ToastUI

• http://datamaps.github.io/ - DataMaps

• http://jlord.us/sheetsee.js/ - sheetsee.js

• http://sigmajs.org/ - Sigma.js

• https://github.com/visjs - Vis.js

• https://p5js.org/ - P5*JS

• https://www.createjs.com/easeljs - EaselJS

• https://maker.js.org/ - maker.js

• https://github.com/bpmn-io/diagram-js - diagram-js

• https://steelbreeze.net/state/ - State.js

• https://github.com/jgraph/mxgraph - mxGraph

Biblioteci React pentru grafică

• https://recharts.org/en-US/ - Recharts

• https://uber.github.io/react-vis/ - React-vis

• https://semiotic.nteract.io/ - Semiotic

WebGL

• https://get.webgl.org/ - WebGL test

• https://www.khronos.org/webgl/ - WebGL overview

• https://www.khronos.org/webgl/wiki/Main_Page - WebGL Wiki