Our great sponsors
-
-
Some context: D3.js (https://d3js.org) is a popular and influential JavaScript library for building data-driven visualizations. There are a zillion awesome examples of using it to create all variety of diagrams with animations, interactivity, and live data sources. Arguably, D3 doesn't know much about any specific type of visualization, but it's the toolkit to assemble whatever you want.
Observable Plot is a related library which focuses on the higher level task of generating specific common plots and charts.
Compare a bar chart in D3 (https://observablehq.com/@d3/bar-chart) with Observable Plot (https://observablehq.com/@observablehq/plot-bar). The former involves creating SVG elements, the latter is just a function call.
The APIs are worth studying because they've decomposed visualization into elemental components that can be recombined. Using D3 can be like writing React for the first time, requiring a new mindset.
Both libraries come from the same prolific author, Mike Bostock (@mbostock here), who previously worked on visualizations for the New York Times. Mike's new company, Observable (https://observablehq.com), a very thoughtful take on computational notebooks, is also worth a look.
I've been secretly hoping he'll take on Graphviz next.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Related posts
- Animated map showing frequency and location of births around the world [OC]
- How do you implement library types?
- How to Build a Flight Network Analysis Graph-Based ASP.NET Application with Memgraph, C#, and D3.js
- Create this type of view on Angular?
- [Q] Does anyone know what software is used to make such charts ?