Chart.xkcd vs ECharts

Overview

ECharts

Stacks172

Followers269

Votes30

Chart.xkcd

Stacks4

Followers14

Votes0

GitHub Stars7.7K

Forks199

ECharts vs Chart.xkcd: What are the differences?

Developers describe ECharts as "*A free, powerful charting and visualization library *". It is an open source visualization library implemented in JavaScript, runs smoothly on PCs and mobile devices, and is compatible with most current browsers. On the other hand, Chart.xkcd is detailed as "xkcd styled chart library". It is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with it. All that’s required is the script included in your page along with a single

ECharts and Chart.xkcd belong to "Charting Libraries" category of the tech stack.

Some of the features offered by ECharts are:

line graph
bar graph
scatter plot

On the other hand, Chart.xkcd provides the following key features:

Easy to Use
Line Chart
Bar Chart

ECharts and Chart.xkcd are both open source tools. ECharts with 36.1K GitHub stars and 10.9K forks on GitHub appears to be more popular than Chart.xkcd with 2.99K GitHub stars and 50 GitHub forks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on ECharts, Chart.xkcd

Ayaskant

SSE-II at Akamai

Oct 25, 2019

Needs advice

I want to get suggestions on these 2 open source js libraries (D3.js & echarts) that help in creating charts or graphs on the UI. Which one will be better for bar graphs. Which is easy to learn and start with? Which provides better features and community support?

My requirements are 1 - Plot data in X-Y axis graph where x-axis will present time till seconds level and Y-Axis will present the data corresponding to that time.

2 - Zoom-in and zoom out feature.

56k views56k

Comments

Detailed Comparison

ECharts	Chart.xkcd
It is an open source visualization library implemented in JavaScript, runs smoothly on PCs and mobile devices, and is compatible with most current browsers.	It is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with it. All that’s required is the script included in your page along with a single <svg> node to render the chart.
Line graph; Bar graph; Scatter plot; Multidimensional visualization	Easy to Use;Line Chart;Bar Chart;Pie/Doughnut Chart
Statistics
GitHub Stars -	GitHub Stars 7.7K
GitHub Forks -	GitHub Forks 199
Stacks 172	Stacks 4
Followers 269	Followers 14
Votes 30	Votes 0
Pros & Cons
Pros 7 East to implement 6 Smaller learning curve 5 Free to use 4 Vue Compatible 3 Angular compatible Cons 2 Support is in chinese	No community feedback yet
Integrations
Google Chrome JavaScript Firefox	JavaScript HTML5

What are some alternatives to ECharts, Chart.xkcd?

D3.js

It is a JavaScript library for manipulating documents based on data. Emphasises on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework.

Highcharts

Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.

Plotly.js

It is a standalone Javascript data visualization library, and it also powers the Python and R modules named plotly in those respective ecosystems (referred to as Plotly.py and Plotly.R). It can be used to produce dozens of chart types and visualizations, including statistical charts, 3D graphs, scientific charts, SVG and tile maps, financial charts and more.

Chart.js

Visualize your data in 6 different ways. Each of them animated, with a load of customisation options and interactivity extensions.

Recharts

Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules.

ZingChart

The most feature-rich, fully customizable JavaScript charting library available used by start-ups and the Fortune 100 alike.

amCharts

amCharts is an advanced charting library that will suit any data visualization need. Our charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.

CanvasJS

Lightweight, Beautiful & Responsive Charts that make your dashboards fly even with millions of data points! Self-Hosted, Secure & Scalable charts that render across devices.

AnyChart

AnyChart is a flexible JavaScript (HTML5) based solution that allows you to create interactive and great looking charts. It is a cross-browser and cross-platform charting solution intended for everybody who deals with creation of dashboard, reporting, analytics, statistical, financial or any other data visualization solutions.