index.html.haml 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  1. .container
  2. %h1.title
  3. C3.js
  4. %small D3-based reusable chart library
  5. .chart
  6. #message
  7. %a.button.small( onclick="startDemo();") Start Demo
  8. #chart
  9. %hr.large
  10. %h2.text-center Why C3?
  11. .row.text-center.features
  12. .medium-4.large-4.columns.supporticons
  13. %h3 Comfortable
  14. %p
  15. C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more.
  16. .medium-4.large-4.columns.supporticons
  17. %h3 Customizable
  18. %p
  19. C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3.
  20. .medium-4.large-4.columns.supporticons
  21. %h3 Controllable
  22. %p
  23. C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even after it's rendered.
  24. %h3.text-center.sub
  25. C3 enables deeper integration of charts into your application.
  26. %br
  27. .text-center
  28. %a.button( href="/gettingstarted.html" ) Getting Started
  29. %hr
  30. %h3 Change Log
  31. %ul
  32. %li
  33. <a href="https://github.com/c3js/c3/releases/tag/v0.7.20">v0.7.20</a><span class="gray">&nbsp;-&nbsp;2020-08-08</span>
  34. %ul
  35. %li Bug fixes.
  36. %li
  37. <a href="https://github.com/c3js/c3/releases/tag/v0.7.18">v0.7.18</a><span class="gray">&nbsp;-&nbsp;2020-06-17</span>
  38. %ul
  39. %li Bug fixes.
  40. %li
  41. <a href="https://github.com/c3js/c3/releases/tag/v0.7.17">v0.7.17</a><span class="gray">&nbsp;-&nbsp;2020-06-15</span>
  42. %ul
  43. %li Bug fixes.
  44. %li
  45. <a href="https://github.com/c3js/c3/releases/tag/v0.7.16">v0.7.16</a><span class="gray">&nbsp;-&nbsp;2020-06-15</span>
  46. %ul
  47. %li Bug fixes.
  48. %li
  49. <a href="https://github.com/c3js/c3/releases/tag/v0.7.15">v0.7.15</a><span class="gray">&nbsp;-&nbsp;2020-02-28</span>
  50. %ul
  51. %li Bug fixes.
  52. %li
  53. <a href="https://github.com/c3js/c3/releases/tag/v0.7.14">v0.7.14</a><span class="gray">&nbsp;-&nbsp;2020-02-24</span>
  54. %ul
  55. %li Bug fixes.
  56. %li
  57. <a href="https://github.com/c3js/c3/releases/tag/v0.7.12">v0.7.12</a><span class="gray">&nbsp;-&nbsp;2019-10-04</span>
  58. %ul
  59. %li Add rollup support.
  60. %li Improved subchart handling.
  61. %li
  62. <a href="https://github.com/c3js/c3/releases/tag/v0.7.11">v0.7.11</a><span class="gray">&nbsp;-&nbsp;2019-10-04</span>
  63. %ul
  64. %li Bug fixes.
  65. %li
  66. <a href="https://github.com/c3js/c3/releases/tag/v0.7.10">v0.7.10</a><span class="gray">&nbsp;-&nbsp;2019-10-02</span>
  67. %ul
  68. %li Bug fixes.
  69. %li
  70. <a href="https://github.com/c3js/c3/releases/tag/v0.7.9">v0.7.9</a><span class="gray">&nbsp;-&nbsp;2019-09-23</span>
  71. %ul
  72. %li Experimental support for y/y2 log scale.
  73. %li Restore tooltip behavior when grouped.
  74. %li Add Region Labels.
  75. %li
  76. <a href="https://github.com/c3js/c3/releases/tag/v0.7.8">v0.7.8</a><span class="gray">&nbsp;-&nbsp;2019-08-25</span>
  77. %ul
  78. %li Fix scatter appearance.
  79. %li Points in charts can be styled by css.
  80. %li A fix for Firefox.
  81. %li
  82. <a href="https://github.com/c3js/c3/releases/tag/v0.7.7">v0.7.7</a><span class="gray">&nbsp;-&nbsp;2019-08-25</span>
  83. %ul
  84. %li Fix a bug.
  85. %li
  86. <a href="https://github.com/c3js/c3/releases/tag/v0.7.6">v0.7.6</a><span class="gray">&nbsp;-&nbsp;2019-08-20</span>
  87. %ul
  88. %li A bug fix.
  89. %li
  90. <a href="https://github.com/c3js/c3/releases/tag/v0.7.5">v0.7.5</a><span class="gray">&nbsp;-&nbsp;2019-08-19</span>
  91. %ul
  92. %li Add normalized stack chart.
  93. %li Bug fixes.
  94. %li
  95. <a href="https://github.com/c3js/c3/releases/tag/v0.7.4">v0.7.4</a><span class="gray">&nbsp;-&nbsp;2019-08-09</span>
  96. %ul
  97. %li Add padAngle option.
  98. %li A bug fix.
  99. %li
  100. <a href="https://github.com/c3js/c3/releases/tag/v0.7.3">v0.7.3</a><span class="gray">&nbsp;-&nbsp;2019-07-29</span>
  101. %ul
  102. %li Bug fixes.
  103. %li
  104. <a href="https://github.com/c3js/c3/releases/tag/v0.7.2">v0.7.2</a><span class="gray">&nbsp;-&nbsp;2019-07-06</span>
  105. %ul
  106. %li Add stanford.scaleValues option.
  107. %li
  108. <a href="https://github.com/c3js/c3/releases/tag/v0.7.1">v0.7.1</a><span class="gray">&nbsp;-&nbsp;2019-05-29</span>
  109. %ul
  110. %li Add an option for tooltip behavior.
  111. %li
  112. <a href="https://github.com/c3js/c3/releases/tag/v0.7.0">v0.7.0</a><span class="gray">&nbsp;-&nbsp;2019-04-10</span>
  113. %ul
  114. %li Add stanford diagram.
  115. %li
  116. <a href="https://github.com/c3js/c3/releases/tag/v0.6.14">v0.6.14</a><span class="gray">&nbsp;-&nbsp;2019-03-27</span>
  117. %ul
  118. %li Fixed a memory leak.
  119. %li Fixed .selected() API.
  120. %li
  121. <a href="https://github.com/c3js/c3/releases/tag/v0.6.13">v0.6.13</a><span class="gray">&nbsp;-&nbsp;2019-03-04</span>
  122. %ul
  123. %li Reverted resizing change in 0.6.11.
  124. %li
  125. <a href="https://github.com/c3js/c3/releases/tag/v0.6.12">v0.6.12</a><span class="gray">&nbsp;-&nbsp;2018-12-28</span>
  126. %ul
  127. %li Added index to tooltip’s title format callback.
  128. %li
  129. <a href="https://github.com/c3js/c3/releases/tag/v0.6.11">v0.6.11</a><span class="gray">&nbsp;-&nbsp;2018-12-08</span>
  130. %ul
  131. %li Fix a bug of resizing.
  132. %li
  133. <a href="https://github.com/c3js/c3/releases/tag/v0.6.10">v0.6.10</a><span class="gray">&nbsp;-&nbsp;2018-12-04</span>
  134. %ul
  135. %li Fix a bug of arc chart.
  136. %li
  137. <a href="https://github.com/c3js/c3/releases/tag/v0.6.9">v0.6.9</a><span class="gray">&nbsp;-&nbsp;2018-11-22</span>
  138. %ul
  139. %li Fix a bug.
  140. %li
  141. <a href="https://github.com/c3js/c3/releases/tag/v0.6.8">v0.6.8</a><span class="gray">&nbsp;-&nbsp;2018-10-01</span>
  142. %ul
  143. %li Add src/* npm package.
  144. %li
  145. <a href="https://github.com/c3js/c3/releases/tag/v0.6.7">v0.6.7</a><span class="gray">&nbsp;-&nbsp;2018-08-08</span>
  146. %ul
  147. %li Add the zoom type 'drag'.
  148. %li
  149. <a href="https://github.com/c3js/c3/releases/tag/v0.6.6">v0.6.6</a><span class="gray">&nbsp;-&nbsp;2018-07-24</span>
  150. %ul
  151. %li Fix bug of gauge chart.
  152. %li
  153. <a href="https://github.com/c3js/c3/releases/tag/v0.6.5">v0.6.5</a><span class="gray">&nbsp;-&nbsp;2018-07-14</span>
  154. %ul
  155. %li Fix bug of hidden legend option.
  156. %li
  157. <a href="https://github.com/c3js/c3/releases/tag/v0.6.4">v0.6.4</a><span class="gray">&nbsp;-&nbsp;2018-07-12</span>
  158. %ul
  159. %li Fix a bug of mouse events.
  160. %li
  161. <a href="https://github.com/c3js/c3/releases/tag/v0.6.3">v0.6.3</a><span class="gray">&nbsp;-&nbsp;2018-07-06</span>
  162. %ul
  163. %li Fix a bug of gauge.
  164. %li
  165. <a href="https://github.com/c3js/c3/releases/tag/v0.6.2">v0.6.2</a><span class="gray">&nbsp;-&nbsp;2018-06-08</span>
  166. %ul
  167. %li Add step-before and step-after for line.step.type option.
  168. %li
  169. <a href="https://github.com/c3js/c3/releases/tag/v0.4.23">v0.4.23</a><span class="gray">&nbsp;-&nbsp;2018-05-18</span>
  170. %ul
  171. %li Add axis.x.tick.multilineMax option (0.4 branch).
  172. %li
  173. <a href="https://github.com/c3js/c3/releases/tag/v0.6.1">v0.6.1</a><span class="gray">&nbsp;-&nbsp;2018-05-17</span>
  174. %ul
  175. %li Add axis.x.tick.multilineMax option.
  176. %li
  177. <a href="https://github.com/c3js/c3/releases/tag/v0.6.0">v0.6.0</a><span class="gray">&nbsp;-&nbsp;2018-05-14</span>
  178. %ul
  179. %li Update D3 dependency to v5.
  180. %li
  181. <a href="https://github.com/c3js/c3/releases/tag/v0.5.4">v0.5.4</a><span class="gray">&nbsp;-&nbsp;2018-04-23</span>
  182. %ul
  183. %li Bug fixes.
  184. %li
  185. <a href="https://github.com/c3js/c3/releases/tag/v0.5.3">v0.5.3</a><span class="gray">&nbsp;-&nbsp;2018-04-12</span>
  186. %ul
  187. %li Bug fixes.
  188. %li
  189. <a href="https://github.com/c3js/c3/releases/tag/v0.5.2">v0.5.2</a><span class="gray">&nbsp;-&nbsp;2018-03-31</span>
  190. %ul
  191. %li Bug fixes.
  192. %li
  193. <a href="https://github.com/c3js/c3/releases/tag/v0.5.1">v0.5.1</a><span class="gray">&nbsp;-&nbsp;2018-03-25</span>
  194. %ul
  195. %li Bug fixes.
  196. %li
  197. <a href="https://github.com/c3js/c3/releases/tag/v0.5.0">v0.5.0</a><span class="gray">&nbsp;-&nbsp;2018-03-24</span>
  198. %ul
  199. %li Update D3 dependency to version 4.
  200. %li
  201. <a href="https://github.com/c3js/c3/releases/tag/v0.4.22">v0.4.22</a><span class="gray">&nbsp;-&nbsp;2018-03-21</span>
  202. %ul
  203. %li Add axis.x.inner option.
  204. %li
  205. <a href="https://github.com/c3js/c3/releases/tag/v0.4.21">v0.4.21</a><span class="gray">&nbsp;-&nbsp;2018-02-15</span>
  206. %ul
  207. %li Multi arc gauge chart.
  208. %li
  209. <a href="https://github.com/c3js/c3/releases/tag/v0.4.20">v0.4.20</a><span class="gray">&nbsp;-&nbsp;2018-02-11</span>
  210. %ul
  211. %li Fix gauge chart with fullCircle option.
  212. %li
  213. <a href="https://github.com/c3js/c3/releases/tag/v0.4.19">v0.4.19</a><span class="gray">&nbsp;-&nbsp;2018-02-10</span>
  214. %ul
  215. %li Do not call resize functions when chart is hidden.
  216. %li Switched CI environment.
  217. %li Have license in minified bundle.
  218. %li Fixed a memory leak.
  219. %li
  220. <a href="https://github.com/c3js/c3/releases/tag/v0.4.18">v0.4.18</a><span class="gray">&nbsp;-&nbsp;2017-09-14</span>
  221. %ul
  222. %li point.focus.expand.r takes a function.
  223. %li Pie and donuts really handle data.order correctly.
  224. %li
  225. <a href="https://github.com/c3js/c3/releases/tag/v0.4.17">v0.4.17</a><span class="gray">&nbsp;-&nbsp;2017-08-19</span>
  226. %ul
  227. %li Added bar.space option.
  228. %li
  229. <a href="https://github.com/c3js/c3/releases/tag/v0.4.16">v0.4.16</a><span class="gray">&nbsp;-&nbsp;2017-08-16</span>
  230. %ul
  231. %li Bug fix of bar chart.
  232. %li
  233. <a href="https://github.com/c3js/c3/releases/tag/v0.4.15">v0.4.15</a><span class="gray">&nbsp;-&nbsp;2017-07-20</span>
  234. %ul
  235. %li Move some style handling to css.
  236. %li
  237. <a href="https://github.com/c3js/c3/releases/tag/v0.4.14">v0.4.14</a><span class="gray">&nbsp;-&nbsp;2017-06-24</span>
  238. %ul
  239. %li Bug fix.
  240. %li
  241. <a href="https://github.com/c3js/c3/releases/tag/v0.4.13">v0.4.13</a><span class="gray">&nbsp;-&nbsp;2017-06-11</span>
  242. %ul
  243. %li New option and bug fixes.
  244. %li
  245. <a href="https://github.com/c3js/c3/releases/tag/v0.4.12">v0.4.12</a><span class="gray">&nbsp;-&nbsp;2017-05-28</span>
  246. %ul
  247. %li Performance improvement and bug fixes.
  248. %li
  249. <a href="https://github.com/c3js/c3/releases/tag/0.4.11">v0.4.11</a><span class="gray">&nbsp;-&nbsp;2016-05-01</span>
  250. %ul
  251. %li New features, performance improvement and bug fixes.
  252. %li
  253. <a href="https://github.com/c3js/c3/releases/tag/0.4.10">v0.4.10</a><span class="gray">&nbsp;-&nbsp;2015-03-17</span>
  254. %ul
  255. %li New features, performance improvement and bug fixes.
  256. %li
  257. <a href="https://github.com/c3js/c3/releases/tag/0.4.9">v0.4.9</a><span class="gray">&nbsp;-&nbsp;2015-01-18</span>
  258. %ul
  259. %li New features, performance improvement and bug fixes.
  260. %li
  261. <a href="https://github.com/c3js/c3/releases/tag/0.4.8">v0.4.8</a><span class="gray">&nbsp;-&nbsp;2014-12-14</span>
  262. %ul
  263. %li Bug fixes.
  264. %li
  265. <a href="https://github.com/c3js/c3/releases/tag/0.4.7">v0.4.7</a><span class="gray">&nbsp;-&nbsp;2014-12-02</span>
  266. %ul
  267. %li Bug fixes.
  268. %li
  269. <a href="https://github.com/c3js/c3/releases/tag/0.4.6">v0.4.6</a><span class="gray">&nbsp;-&nbsp;2014-12-01</span>
  270. %ul
  271. %li Bug fixes.
  272. %li
  273. <a href="https://github.com/c3js/c3/releases/tag/0.4.5">v0.4.5</a><span class="gray">&nbsp;-&nbsp;2014-11-30</span>
  274. %ul
  275. %li Bug fixes.
  276. %li Performance improvement.
  277. %li
  278. <a href="https://github.com/c3js/c3/releases/tag/0.4.4">v0.4.4</a><span class="gray">&nbsp;-&nbsp;2014-11-21</span>
  279. %ul
  280. %li New features (e.g. <span class="code">axis.y/y2.inner</span>, <span class="code">legend.hide</span> options)
  281. %li Bug fixes.
  282. %li Performance improvement.
  283. %li
  284. <a href="https://github.com/c3js/c3/releases/tag/0.4.3">v0.4.3</a><span class="gray">&nbsp;-&nbsp;2014-11-18</span>
  285. %ul
  286. %li Bug fixes.
  287. %li
  288. <a href="https://github.com/c3js/c3/releases/tag/0.4.2">v0.4.2</a><span class="gray">&nbsp;-&nbsp;2014-11-17</span>
  289. %ul
  290. %li Bug fixes.
  291. %li
  292. <a href="https://github.com/c3js/c3/releases/tag/0.4.1">v0.4.1</a><span class="gray">&nbsp;-&nbsp;2014-11-16</span>
  293. %ul
  294. %li Fixed class suffix.
  295. %li
  296. <a href="https://github.com/c3js/c3/releases/tag/0.4.0">v0.4.0</a><span class="gray">&nbsp;-&nbsp;2014-11-15</span>
  297. %ul
  298. %li A lot of bug fixes and new features
  299. %li Introduce unit test (it's not enough though)
  300. %li <a href="https://github.com/c3js/c3/releases/tag/0.4.0">and more...</a>
  301. %li
  302. <a href="https://github.com/c3js/c3/releases/tag/0.3.0">v0.3.0</a><span class="gray">&nbsp;-&nbsp;2014-08-22</span>
  303. %ul
  304. %li Introduced new architecture so that we can extend this library more easily.
  305. %li Modified some options such as <span class="code">data.xFormat</span> and <span class="code">data.xLocaltime</span>.
  306. %li Splitted source file into small ones.
  307. %li
  308. <a href="https://github.com/c3js/c3/releases/tag/0.2.5">v0.2.5</a><span class="gray">&nbsp;-&nbsp;2014-08-09</span>
  309. %ul
  310. %li Modified to use <span class="code">data.onclick</span>, <span class="code">data.onmouseover</span> and <span class="code">data.onmouseout</span> on pie/donut/gauge instead of its callbacks
  311. %li Modified <span class="code">unload</span> interface
  312. %li Bug fixes
  313. %li <a href="https://github.com/c3js/c3/releases/tag/0.2.5">and more...</a>
  314. %li
  315. <a href="https://github.com/c3js/c3/releases/tag/0.2.4">v0.2.4</a><span class="gray">&nbsp;-&nbsp;2014-06-16</span>
  316. %ul
  317. %li Added new options such as <span class="code">pie.sort</span>, <span class="code">donut.sort</span>, <span class="code">bar.zerobased</span>, <span class="code">area.zerobased</span>
  318. %li Added new API such as <span class="code">category</span>, <span class="code">categories</span>
  319. %li Bug fixes
  320. %li
  321. <a href="https://github.com/c3js/c3/releases/tag/0.2.3">v0.2.3</a><span class="gray">&nbsp;-&nbsp;2014-06-04</span>
  322. %ul
  323. %li Renamed callbacks (onend/onenter/onleave)
  324. %li Added extension for zoom with reduction (by <a href="https://github.com/danelkhen">@danelkhen</a> Thank you!)
  325. %li Bug fixes
  326. %li
  327. <a href="https://github.com/c3js/c3/releases/tag/0.2.2">v0.2.2</a><span class="gray">&nbsp;-&nbsp;2014-06-03</span>
  328. %ul
  329. %li Supported ungrouped tooltip
  330. %li Added zoom.enable API
  331. %li Bug fixes
  332. %li
  333. <a href="https://github.com/c3js/c3/releases/tag/0.2.1">v0.2.1</a><span class="gray">&nbsp;-&nbsp;2014-06-02</span>
  334. %ul
  335. %li Bug fixes
  336. %li
  337. <a href="https://github.com/c3js/c3/releases/tag/0.2.0">v0.2.0</a><span class="gray">&nbsp;-&nbsp;2014-05-30</span>
  338. %ul
  339. %li Supported step line/area, stacked line/area, stacked line/area, gauge chart
  340. %li Supported JSON as input
  341. %li Added flow API
  342. %li etc
  343. %li <a href="https://github.com/c3js/c3/releases/tag/0.1.42">v0.1.42</a><span class="gray">&nbsp;-&nbsp;2014-05-18</span>
  344. %h3 Browser Support
  345. %p Because of the dependence on D3, C3 supports only modern browsers D3 supports. Please see <a href="https://github.com/mbostock/d3/wiki#browser--platform-support">the description in D3</a>.
  346. %p Note: For IE9 and IE10, polyfill is required because c3 uses <span class="code">MutationObserver</span>, which is not supported in those versions. However, it's not required if charts always will be binded to the DOM specified by <span class="code">bindto</span> because <span class="code">MutationObserver</span> is not called in that case.
  347. %h3 Dependency
  348. %ul
  349. %li <a href="https://github.com/mbostock/d3" target="_blank">D3.js</a> <span class="code">^4.12.0</span>
  350. %p Note: If you need to use D3 v3.x, please use C3 <a href="https://unpkg.com/c3@0.4.22/c3.js">v0.4.22</a>, which is compatible with D3 v3.x.
  351. %h3 License
  352. %p MIT
  353. = partial :footer
  354. = partial :script
  355. = javascript_include_tag 'index'