sxliam / d3-radial Goto Github PK
View Code? Open in Web Editor NEWD3 Radial Chart plugin
License: MIT License
D3 Radial Chart plugin
License: MIT License
In order to make the plugin client-friendly, we want to make sure end-users are able to customize it. The first step is to identify the parameters that we want users to be able to set on chart initialization.
The script now contains basic parameters: width
, height
, textSize
and data
. For each parameter that we want to be customizable, we provide getter and setter combination, in order to be able to chain methods. For example, the width
parameter's getter/setter looks like this:
chart.width = function(value) {
if (!arguments.length) {
return width;
}
width = value;
return chart;
}
With methods like these for each parameter, the end-user can do the following:
let radialChart = d3.radialChart()
.width(1000)
.height(800)
.textSize(12)
.data(someSampleData);
Let's identify the parameters we want to make available, and document them. See this plugin for example: https://github.com/ksokolovic/d3-pivots
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.