Build cool charts and visualize data with d3.js

• d3

  277 107,723 8.0 Shell

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  

In fact d3.js is not a chart library, It is a kind of big API to manipulate the DOM and offers a lot of utilities functions. You can manipulate svg, canvas, html and so construct charts, graphs, maps, everything you want for data visualization. The biggest advantage of using d3 is that every cool data visualization you've ever seen on the web are probably feasible using d3.js. The major drawback is d3.js may be overwhelming at first and is quite hard to learn in my opinion.

• restcountries

  1 2,213 0.0 Java

  Get information about countries via a RESTful API

  

We are going to use restcountries API.

• SurveyJS

  surveyjs.io featured

  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.

  

• d3-scale

  8 1,571 3.0 JavaScript

  Encodings that map abstract data to visual representation.

  

We have used several utilities methods from d3 part of the scale module to correctly map our axis with the datas (scaleLinear, scaleBand). If you open your navigator you see now an svg element with two axis but no data yet.

• chart-population-demo

  1 1 0.0 JavaScript

If you want to check the entire code : here

Suggest a related project