the 3D models in the background are mostly handled via a 3D JS framework such as threejs
Simple HTML5 Charts using the <canvas> tagProject mention: Week 2 of the journey: Settling on the frameworks | reddit.com/r/EntrepreneurRideAlong | 2021-10-07
I used this guide to add a sidebar for navigation and Chartjs library to chart out the data for illustration.
You can use SVG Morphing to do that. There are many libraries that offer that feature, one of them is (https://animejs.com/) [anime js].
The visual rendering is done by Phaser. I have a working version using Pixi as well, but went with Phaser for arbitrary reasons. https://phaser.io/ https://pixijs.com/
:a: web framework for building virtual reality experiences.Project mention: Interactive game map over a web browser | reddit.com/r/Frontend | 2021-10-05
Yup, this was built with three.js - which is a layer of abstraction on-top of vanilla WebGL stuff - it's been around for a decade or so, but if you haven't heard of it before then I'm excited for you! So many cool new things to discover! There's also a-frame, which provides a layer on-top of three.js to give it an entity-component system (like Unity), and babylon.js - which is three.js's main competitor.
High performance <canvas> rendering for React componentsProject mention: Google Docs will move to canvas based rendering instead of DOM | news.ycombinator.com | 2021-05-12
I remember Flipboard using canvas to render their UI before using react, which has the same idea, you can look at the repo and their post about it:
a 2D rigid body physics engine for the web ▲● ■
Run Linux Software Faster and Safer than Linux with Unikernels.
A visualization grammar.Project mention: What Next? | reddit.com/r/PowerBI | 2021-09-27
D3.js and Vega are extremely useful to know from a visualisation perspective.
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Generates an image from a DOM node using HTML5 canvasProject mention: Can anyone help develop a button that takes a screenshot of an embedded vimeo video? | reddit.com/r/elementor | 2021-06-28
Hmm, tricky. I just tried it with dom-to-img and it didn't work.
A simple web-based tool for Spriting and Pixel art.Project mention: Build a tiny game for JS13K with Kontra.js | dev.to | 2021-08-13
Note: There are definitely more sophisticated techniques, and using images this big is a horrendous idea for JS13K. It's better to use something like Aseprite or Piskel to create your own pixel art.
🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨ExtrasProject mention: paintz: A simple drawing app that runs in a web browser, designed to be an MS Paint substitute for Chrome OS devices. | reddit.com/r/coolgithubprojects | 2021-10-05
If anyone's looking for an older-school version, https://jspaint.app is my most comfortable picture editing tool.
Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.Project mention: A curated list of awesome things related to Vue.js | dev.to | 2021-08-07
toast-ui.vue-image-editor - Vue Wrapper for TOAST UI Image Editor.
This is a known issue for Konva: https://github.com/konvajs/react-konva/issues/188
A library to capture canvas-based animations at a fixed framerateProject mention: rivers | reddit.com/r/generative | 2021-08-17
I use ccapture, using the png option, which will spit out a tar with a png of each frame, and then I stitch them with ffmpeg.
Client-side HTML-to-PDF rendering using pure JS.Project mention: Tried everything and this keeps me from generating the pdf. Anyone encountered this or just me? | reddit.com/r/vuejs | 2021-06-22
Try HTML2PDF.js instead. It's a browser-based PDF generator, not a Node-based generator.
Freeciv-web is an Open Source strategy game implemented in HTML5 and WebGL, which can be played online against other players, or in single player mode against AI opponents.Project mention: Sid Meier: More Than Just Civilization | news.ycombinator.com | 2021-04-18
Are you hiring? Post a new remote job listing for free.