d3Waterfall

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 8)

A d3 "plugin" to create waterfall charts

d3Waterfall 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

D3 WATERFALL CHART
===================
<p>v.0.0.2</p>
<p>
You basically provide an object to the Waterfall function and it will spit out a waterfall chart.
You will need a container in you HTML which ID matches the container property of the config object like so
</p>
<pre>
  <code>
    &lsaquo;body&rsaquo;
       &lsaquo;div id="chart"&rsaquo; &lsaquo;/div&rsaquo;
       &lsaquo;script src="libs/d3.v3.min.js"&rsaquo; &lsaquo;/script&rsaquo;
     &lsaquo;/body&rsaquo;
  </code>
</pre>
Once the HTML is set you create the config object as follows
<pre>
  <code>
  var waterfall = {
      container:'chart',
      width:400,
      height:800,
      fontSize:10,
      borderRadius:5,
      horizontalGridLines:true,
      series:[
        {'value':253},
        {'value':417},
        {'value':1440},
        .
        .
        .
        .
      ]
    }
  </code>
</pre>

After creating the conf object you simply pass it as a parameter to createWaterfall() function like so

<pre>
  <code>
    createWaterfall(waterfall);
  </code>
</pre>

#Todos
- Need to add support for labels on each row
- Add config for format
- Add config for horizontal display
- Add config for animation

d3Waterfall

d3Waterfall 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

d3Waterfall

d3Waterfall 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README