🆚 D3.js vs. Mermaid

Type

JavaScript library
Charting library

About

D3.js is an open-source, low-level JavaScript toolbox for data visualization.

It supports loading data from CSV, JSON, and GeoJSON formats, provides scale functions for mapping data values to visual properties, includes layouts such as force-directed graphs, treemaps, and packed circles, and offers transitions, animations, and interaction tools like dragging, zooming, and panning.

JavaScript-based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Headquarters

San Francisco, California, United States

Website

Pricing

Free ✔️Open source
Free ✔️Open source

Categories

JavaScript Libraries › Rank #168
Charting › Rank #3
Charting › Rank #8

Popularity

Determined by the number of sites using each technology.

The D3.js JavaScript library is 2.8 times more popular than Mermaid.
Total websites

Market share

Charting

Popularity by country

Determined by the number of sites detected from each country.

D3.js is more popular in the United States, the United Kingdom, and Germany, while Mermaid is more popular in China, Sweden, and Croatia.
United States
United Kingdom
Germany
France
Spain
Korea
India
Brazil
Canada
Australia

Awards

Popularity by domain category

Determined by the number of sites in each category.

D3.js is more popular among sites focused on business, education and reference, and marketing and merchandising, while Mermaid is more commonly used on fashion and beauty sites.
Business
Education/Reference
Marketing/Merchandising
Online Shopping
Travel
Internet Services
Blogs/Wiki
Health
Finance/Banking
Entertainment

Top sites

Top-ranked sites that use these technologies.

Name
Rank
#1,738
View more ➝
Name
Rank
#1,025
#1,353
#2,272
View more ➝

See also

🗃️ About This Data