Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:Project mention: does anyone know with what software I can make data driven graphics like this? | reddit.com/r/StockMarket | 2021-10-10
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.
I use ReactJS to develop this feature, with text story it's enough, but with image story, we need to find a library that helps us deal with add/remove text blocks, change direction, size,... and I came up with Fabric Fabric provides interactive object model on top of the canvas element, that's exactly what we want to do here. I think you'd better go to the Fabric website and read about it before continue reading.
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —Project mention: Performance discrepancies between devices and browsers | reddit.com/r/webgl | 2021-10-14
Working on a p5 project which uses a WEBGL canvas and I've been encountering some frustrating variance in performance with a p5.js sketch which uses WEBGL. It runs great on my machine with Chrome but very slow on Firefox. For other people who have tried it it runs slow on all their browsers despite having a new computer...
Simple, responsive, modern SVG Charts with zero dependencies (by frappe)
This article taught you how to build charts, graphs, and dynamic plots with Plotly. You can learn more about Plotly in their official documentation here. If you have any questions, don't hesitate to contact me on Twitter at @LordChuks3.
Run Linux Software Faster and Safer than Linux with Unikernels.
Building the SVG by hand is an option, but I suggest you look at dedicated SVG JS libraries to make the graphic easier to build and maintain. Try SVG.js or Snap.svg - both have good reputations.
Here is a link to the issue I submitted: https://github.com/paperjs/paper.js/issues/1939
Simple responsive charts
Chartist.js is a very modern, SVG-based library. Its most prominent feature is the SVG animations in the charts produced with this library.
It would be very cool if html5 canvas implemented the Catmull Rom Spline but it unfortunately does not. The wonderful Raphael library used to have support for it.
ApexCharts: works like a charm for ~100 datapoints, but not usable at 10,000 or more, since it is SVG-based and floods the DOM with elements.
Algorithmically generated triangle artProject mention: Code-Generated [3840x2160] | reddit.com/r/wallpaper | 2021-07-10
This might be what you are looking for: https://github.com/qrohlf/trianglify
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.
The lightweight library for manipulating and animating SVGProject mention: Web Effect | dev.to | 2021-03-01
Svg.js - The lightweight library for manipulating and animating SVG.
:bar_chart: A D3-based reusable chart library
C3 is a very efficient D3 based chart visualization library. C3 library is fast to render, has good compatibility across browsers, and is very simple to integrate. If you're looking for no-frills, C3 is a decent choice.
A collection of composable React components for building interactive data visualizationsProject mention: Top 5 React chart libraries | dev.to | 2021-09-24
Like many other React chart libraries on the list, Victory was built with React and D3. It comes with a wide variety of charts out of the box that are fully customizable.
Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.Project mention: [Help] What is a good visualiser for a 3D graph with known positions, with node and edge weights? | reddit.com/r/visualization | 2021-10-12
Or if it’s spatial data with coordinates maybe: https://kepler.gl/
Data Visualization ComponentsProject mention: ✨Top React Charts Libraries  | dev.to | 2021-09-27
Graph theory (network) library for visualisation and analysisProject mention: I built an interactive map for self-teaching online. It's like a skill tree for learning. The first map is ML, but want to add CS next | reddit.com/r/compsci | 2021-09-08
So the library I'm using to visualise the network is cytoscape.js. It's easy to use and well documented!
Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
A reusable charting library written in d3.js
NVD3 is also on the list of the most popular libraries. Built upon D3.js like the others above, it does have a solid technical base.
Are you hiring? Post a new remote job listing for free.