d3-bar - D3 bar chart

  •        7

D3 bar graph. See source for examples and documentation.



d3 : ^4.3.0



Related Projects

vx - 🐯react + d3 = vx | visualization components

  •    Javascript

vx is a collection of reusable low-level visualization components. vx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM. Let's make a simple bar graph.

uvCharts - Simple yet powerful JavaScript Charting library built using d3.js

  •    Javascript

Simple, robust, extensible JavaScript charting library built using d3 designed to help developers embed, build charts in less than couple of minutes. To learn more about uvCharts and how to use it, read the wiki page or the 5 minute quick start guide.

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

  •    Javascript

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

react-d3-components - D3 Components for React

  •    Javascript

Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM. to start a webserver, and navigate to http://localhost:8000/example in order to visualize the new example page. Note that the example page directly points to the dist folder.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

jCharts - Java based charting utility

  •    Java

jCharts is a 100% Java based charting utility that outputs a variety of charts. Servlets, JSP's, and Swing application could use this library to generate charts. It could generate charts of type Area, Area Stacked, Bar, Bar Clustered, Bar Clustered Horizontal, Bar Horizontal, Bar Stacked, Bar Stacked Horizontal, Combo, Hi/Low Open/Close, Line, Pie 2D, Pie 3D, Point, Radar, XY Plot and lot more.

TEAChart - Simple and intuitive iOS chart library. Contribution graph, clock chart, and bar chart.

  •    Objective-C

Simple and intuitive iOS chart library, for Pomotodo app. Contribution graph, clock chart, and bar chart. Supports Storyboard and is fully accessible to VoiceOver users.

d3.compose - Compose complex, data-driven visualizations from reusable charts and components with d3

  •    Javascript

Compose rich, data-bound charts from charts (like Lines and Bars) and components (like Axis, Title, and Legend) with d3 and d3.chart. See http://CSNW.github.io/d3.compose/ for live examples and docs.

react-d3-basic - Basic d3 charts in React.js, only include: line, bar, pie, scatter, area charts.

  •    Javascript

Clone code react-d3-basic.js or minify js react-d3-basic.min.js and include the script in your HTML. Building Charts.


  •    Javascript

A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation. Unfortunately, this version of Ember Charts is out of date, and the current maintainers of Ember Charts at Addepar have not been able to update it recently.

Chart.js - HTML5 charts for your website

  •    Javascript

Easy, object oriented client side graphs for designers and developers. Visualise your data in different types Line chart, Pie chart, Bar chart, Radar chart, Polar area charts, Doughnut charts.

radar-chart-d3 - Simple radar chart in D3.js

  •    Javascript

A reusable radar chart implementation in D3.js. Styleable, configurable and transition-capable. xOffset and yOffset are optional values that allows a developer to change the position of a specific label. It is important to add them in the first group of axes.

Britecharts - Client-side reusable Charting Library based on D3

  •    Javascript

Britecharts is a client-side reusable Charting Library based on D3.js v4 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations.Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way.


  •    Javascript

Re-usable easy interface JavaScript chart library, based on D3 v4+

WebCola - Javascript constraint-based graph layout

  •    TypeScript

JavaScript constraint based layout for high-quality graph visualization and exploration using D3.js and other web-based graphics libraries. Note: While D3 adaptor supports both D3 v3 and D3 v4, WebCoLa's interface is styled like D3 v3. Follow the setup in our homepage for more details.

line-chart - Awesome charts for AngularJS.

  •    TypeScript

n3-line-chart is an easy-to-use JavaScript library for creating beautiful charts in AngularJS applications and it is built on top of D3.js.Please note: Currently, n3-line-chart works only with D3.js version 3! In D3.js version 4, the API changed and hence breaks compatibility with many 3rd party libaries such as n3-line-chart.