htl
d3
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)
htl | d3 | |
---|---|---|
1 | 280 | |
296 | 107,934 | |
0.0% | 0.3% | |
0.0 | 7.7 | |
11 months ago | 14 days ago | |
JavaScript | Shell | |
ISC License | ISC License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
htl
-
Observable 2.0, a static site generator for data apps
From the Observable Framework point of view, you’re very welcome to use Apache ECharts or any other library instead of Observable Plot, since you can import whatever you like and it’s all just JavaScript.
Since there was a lot of interest in this thread, Mike added a page to the docs with an ECharts example: https://observablehq.com/framework/lib/echarts
There are two pieces of that example code specific to Framework: the html`` tagged template literal creates a DOM element (see https://github.com/observablehq/htl, also usable outside Framework), and the display function inserts it into the document above the code block (see https://observablehq.com/framework/javascript/display). Note that, whereas Observable Plot takes an options object and returns a DOM element, ECharts instead takes a DOM element and mutates it — but in general they should be equally easy to use in Framework.
Like Plot (and Vega-Lite, another great option), ECharts is also now one of Framework’s built-in “recommended libraries” (see https://observablehq.com/framework/javascript/imports#implic...), meaning that if you reference `echarts` Framework will lazy-load it for you. Adding that was a two-line diff: https://github.com/observablehq/framework/pull/811/files#dif.... But I wanna emphasize that Framework doesn’t have to explicitly “support” a given library for you to use it. “Supporting” in this case just means the convenience of saving you a one-line import statement. But don’t wait for our blessing!! Use whatever.
d3
-
Top 20 Javascript Libraries on Github
Repository: D3.js
-
Navigating the Data Jungle. Data Analysis Software: A Comprehensive Guide
Data Visualization Software is designed to help users create visual representations of their data. These tools are often used to create charts, graphs, and other visualizations that can help users understand their data better. Some popular Data Visualization Software includes Tableau, Power BI, and D3.js. Tableau and Power BI are both powerful data visualization tools, while D3.js is a JavaScript library for creating interactive data visualizations in the web browser. In summary, there are several types of data analysis software available, each with its own strengths and weaknesses. Statistical Analysis Systems are ideal for users who need to perform complex statistical analysis, while Business Intelligence Tools are designed to help users make better business decisions. Data Visualization Software is ideal for users who need to create visual representations of their data.
-
Implementing GraphRAG for Query-Focused Summarization
Interactive User Interface: Developing an interactive UI for visualizing the graph and its communities could make the summarization process more intuitive. Tools like D3.js or Cytoscape.js can be used to create dynamic visualizations.
-
A visual guide to Vision Transformer – A scroll story
Yes this was done with a combination of GSAP Scrolltrigger https://gsap.com/docs/v3/Plugins/ScrollTrigger/ and https://d3js.org/
- Ask HN: Tips to get started on my own server
-
Full Stack Web Development Concept map
d3 - very power visualization library enabling dynamic visualizations. docs
-
Observable 2.0, a static site generator for data apps
Yep, Evidence is doing good work. We were most directly inspired by VitePress; we spent months rewriting both D3’s docs (https://d3js.org) and Observable Plot’s docs (https://observablehq.com/plot) in VitePress, and absolutely loved the experience. But we wanted a tool focused on data apps, dashboards, reports — observability and business intelligence use cases rather than documentation. Compared to Evidence, I’d say we’re trying to target data app developers more than data analysts; we offer a lot of power and expressiveness, and emphasize custom visualizations and interaction (leaning on Observable Plot or D3), as well as polyglot programming with data loaders written in any language (Python, R, not just SQL).
-
Using Deno with Jupyter Notebook to build a data dashboard
D3.js: A robust library to visualize your data and create interactive data-driven visualizations.
-
What is the technology stack used to create these live charts?
They are images so it could be any number of things, datawrapper, charts.js, d3.js to name a few options.
-
Animated map showing frequency and location of births around the world [OC]
I made this interactive visualization that attempts to show the real-time frequency and location of births around the world. A country’s annual births (i.e. the country’s population times its birthrate) were distributed across all of the populated locations in each country, weighted by the population distribution (i.e. more populated areas got a greater fraction of the births). Data Sources and Tools Population and birthrate data for 2023 was obtained from Wikipedia (Population and birth rates). Population distribution across the globe was obtained from Socioeconomic Data and Applications Center (sedac) at Columbia University. Data is processed and visualized at a 1 degree x 1 degree resolution, each of which has a different probability of a birth occurring in a specific time period. D3.js was used to create the map elements and html, css and javascript were used to create the user interface.
What are some alternatives?
pulseui - Real-time interactive database applications
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
plot - A concise API for exploratory data visualization implementing a layered grammar of graphics
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
obsplot - Observable Plot bindings for R
vis
evidence - Business intelligence as code: build fast, interactive data visualizations in pure SQL and markdown
d4 - A friendly reusable charts DSL for D3
opendata.cern.ch - Source code for the CERN Open Data portal
svg.js - The lightweight library for manipulating and animating SVG
observable-codespace - Codespace prerequisites for starting with Observable Framework.
sigma.js - A JavaScript library aimed at visualizing graphs of thousands of nodes and edges
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)