vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

210 lines
16 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Feature Requests</title>
  8. <link rel="icon" HREF="favicon.ico">
  9. <!-- Bootstrap -->
  10. <link href="css/bootstrap.css" rel="stylesheet">
  11. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  12. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  13. <!--[if lt IE 9]>
  14. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  15. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  16. <![endif]-->
  17. <style>
  18. body {
  19. font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
  20. }
  21. div.navbar-wrapper {
  22. background-color:#07508E;
  23. border-bottom: 3px solid #ffffff;
  24. font-size:16px;
  25. font-weight:normal;
  26. }
  27. div.contentWrapper {
  28. padding:20px;
  29. }
  30. div.textHTMLContent {
  31. display:block;
  32. width:800px;
  33. }
  34. li.blue {
  35. background-color: #b8e3ff;
  36. }
  37. li.green {
  38. background-color: #c4ffb2;
  39. }
  40. li.orange {
  41. background-color: #ffccb3;
  42. }
  43. li.pink {
  44. background-color: #ffc4ed;
  45. }
  46. li.normal {
  47. }
  48. li.notyet {
  49. background-color: #eeeeee;
  50. color:#bbbbbb;
  51. }
  52. li.done {
  53. text-decoration:line-through;
  54. }
  55. ul {
  56. max-width:900px;
  57. }
  58. </style>
  59. </head>
  60. <body>
  61. <div class="navbar-wrapper">
  62. <div class="container">
  63. <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
  64. <div class="container">
  65. <div class="navbar-header">
  66. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  67. <span class="sr-only">Toggle navigation</span>
  68. <span class="icon-bar"></span>
  69. <span class="icon-bar"></span>
  70. <span class="icon-bar"></span>
  71. </button>
  72. <a class="navbar-brand hidden-sm" href="./index.html">vis.js</a>
  73. </div>
  74. <div id="navbar" class="navbar-collapse collapse">
  75. <ul class="nav navbar-nav">
  76. <li><a href="./index.html#modules">Modules</a></li>
  77. <li><a href="./docs/index.html" target="_blank">Documentation <img class="icon" src="./images/external-link-icons/external-link-icon-white.png"></a></li>
  78. <li><a href="./blog.html">Blog</a></li>
  79. <li><a href="./index.html#download_install">Download</a></li>
  80. <li><a href="./showcase/index.html">Showcase</a></li>
  81. <li><a href="./index.html#contribute">Contribute</a></li>
  82. <li class="active"><a href="./featureRequests.html">Feature requests</a></li>
  83. <li><a href="./index.html#licenses">License</a></li>
  84. </ul>
  85. </div>
  86. </div>
  87. </nav>
  88. </div>
  89. </div>
  90. <div class="contentWrapper">
  91. <h1>Feature requests</h1>
  92. <hr class="featurette-divider">
  93. <div class="textHTMLContent">
  94. <h4>We get a lot of feature requests, here's the list of them!</h4>
  95. <p class="text-justify">
  96. The requests that come in on Github usually have a good argumentation and a lot of these ideas have made it into vis! To keep a nice overview of them, to clean up
  97. our Github issues and to supply a pool of ideas for people to contribute, we have made this list.
  98. <br /><br />
  99. This is by no means an end-of-the-line for your feature, but just something that we cannot pick up right away or cannot use in our projects at this time.
  100. We'd like to invite people who want to contribute to pick up one (or more!) of these features.
  101. </p>
  102. Legend:
  103. <ul>
  104. <li class="blue">Feature being worked on by us.</li>
  105. <li class="">Feature we might pick up with future releases, but feel free to pick it up for us!</li>
  106. <li class="green">Feature being worked on by the community, link to their forked version.</li>
  107. <li class="pink">Not likely to be picked up by us soon but would be great if the community would add this.</li>
  108. <li class="orange">Feature needing major overhauling of the current framework, not planned soon and unlikely to be picked up by community.</li>
  109. <li class="notyet">Feature that would be easier to create after a large (and planned) refactor.</li>
  110. <li class="done">Implemented and in develop or master.</li>
  111. </ul>
  112. </div>
  113. <hr class="featurette-divider">
  114. <h3 id="all">All</h3>
  115. <ul>
  116. <li class="normal">(<a href="https://github.com/almende/vis/issues/308" target="_blank">308</a>) Add a click-to-scroll option similar to click-to-use but it should allow dragging all the time, only block the scrolling without activating it.</li>
  117. <li class="pink">(<a href="https://github.com/almende/vis/issues/207" target="_blank">207</a>) If possible, add Nuget Package support without ruining the current build tools.</li>
  118. </ul>
  119. <h3 id="network">Network</h3>
  120. <ul>
  121. <li class="normal">(<a href="https://github.com/almende/vis/issues/530" target="_blank">530</a>, <a href="https://github.com/almende/vis/issues/475" target="_blank">475</a>, <a href="https://github.com/almende/vis/issues/300" target="_blank">300</a>) Improve option structure for the behaviour of the network. This will solve multiple issues if done correctly.</li>
  122. <li class="normal">(<a href="https://github.com/almende/vis/issues/528" target="_blank">528</a>) Allow the inserting of a custom sorting function for the hierarchical layout.</li>
  123. <li class="normal">(<a href="https://github.com/almende/vis/issues/507" target="_blank">507</a>) Add animations to the edges, like circles travelling over them or icons.</li>
  124. <li class="pink">(<a href="https://github.com/almende/vis/issues/426" target="_blank">426</a>) Label stroke ref: <a href="http://www.html5canvastutorials.com/tutorials/html5-canvas-text-stroke/">http://www.html5canvastutorials.com/tutorials/html5-canvas-text-stroke/</a></li>
  125. <li class="normal">(<a href="https://github.com/almende/vis/issues/430" target="_blank">430</a>) Add fix/unfix functions for nodes. This can be done with allowToMoveX and Y but native options would be better ('node.disableMove' and 'node.disableDrag').</li>
  126. <li class="normal">(<a href="https://github.com/almende/vis/issues/351" target="_blank">351</a>) Improve the options for arrows, backarrows and linetypes. Possibly receiving a function as input for custom nodes &amp; edges.</li>
  127. <li class="normal">(<a href="https://github.com/almende/vis/issues/335" target="_blank">335</a>) Set smooth curves per edge.</li>
  128. <li class="pink">(<a href="https://github.com/almende/vis/issues/323" target="_blank">323</a>) GIF support.</li>
  129. <li class="normal">(<a href="https://github.com/almende/vis/issues/247" target="_blank">247</a>) Allow the font-size of a label to depend on the value (thereby the node-size).</li>
  130. <li class="normal">(<a href="https://github.com/almende/vis/issues/247" target="_blank">247</a>) Set thresholds for displaying of labels based on the value. As you zoom out, only the most noteworthy labels will be shown.</li>
  131. <li class="normal">(<a href="https://github.com/almende/vis/issues/246" target="_blank">246</a>) Add a fontAlignment option. This option should control where the label is drawn with respect to the node (ie. above, midde, under, left, right etc).</li>
  132. <li class="normal">(<a href="https://github.com/almende/vis/issues/211" target="_blank">211</a>) Create styling groups for edges, as they already exist for nodes.</li>
  133. <li class="normal">(<a href="https://github.com/almende/vis/issues/203" target="_blank">203</a>) Improve the click/doubleClick event with options how these should be fired.</li>
  134. </ul>
  135. <h3 id="timeline">Timeline</h3>
  136. <ul>
  137. <li class="normal">(<a href="https://github.com/almende/vis/issues/529" target="_blank">529</a>) Similar how templating works for the items, allow templating of groups by a groupTemplate option.</li>
  138. <li class="normal">(<a href="https://github.com/almende/vis/issues/518" target="_blank">518</a>, <a href="https://github.com/almende/vis/issues/242" target="_blank">242</a>) Clustering of items.</li>
  139. <li class="normal">(<a href="https://github.com/almende/vis/issues/506" target="_blank">506</a>) Implement an inertia while dragging and releasing (like default touchscreen behaviour) which should be enabled by an option.</li>
  140. <li class="normal">(<a href="https://github.com/almende/vis/issues/505" target="_blank">505</a>) Add some date time arithmatic and support method(s) to make working with hidden dates easier (some code for this exists in MIDAS in the showcase).</li>
  141. <li class="normal">(<a href="https://github.com/almende/vis/issues/497" target="_blank">497</a>) Introduce a new item that has two start and two end times. Picture shown in git issue.</li>
  142. <li class="normal">(<a href="https://github.com/almende/vis/issues/436" target="_blank">436</a>) Make background items and subgroups editable.</li>
  143. <li class="normal">(<a href="https://github.com/almende/vis/issues/435" target="_blank">435</a>) Implement the dragging of groups (up/down) to change the order.</li>
  144. <li class="orange">(<a href="https://github.com/almende/vis/issues/428" target="_blank">428</a>) Implement an option to make the timeline vertically oriented.</li>
  145. <li class="normal">(<a href="https://github.com/almende/vis/issues/398" target="_blank">398</a>) Implement recurring events (similarly to the way the hidden dates are implemented?)</li>
  146. <li class="normal">(<a href="https://github.com/almende/vis/issues/338" target="_blank">338</a>) HTML tooltips. Could be combined with the onHover event.</li>
  147. <li class="normal">(<a href="https://github.com/almende/vis/issues/297" target="_blank">297</a>) Center column labels in the timeline.</li>
  148. <li class="blue">(<a href="https://github.com/almende/vis/issues/283" target="_blank">283</a>) Adapt zoom functionality to horizontal/vertical pinch on touchscreens.</li>
  149. <li class="normal">(<a href="https://github.com/almende/vis/issues/363" target="_blank">363</a>, <a href="https://github.com/almende/vis/issues/275" target="_blank">275</a>) Support for making individual items editable or readonly.</li>
  150. <li class="normal">(<a href="https://github.com/almende/vis/issues/273" target="_blank">273</a>) Show vertical scrollbar when contents do not fit vertically. This could be a custom, stylable scrollbar.</li>
  151. <li class="blue done">(<a href="https://github.com/almende/vis/issues/504" target="_blank">504</a>, <a href="https://github.com/almende/vis/issues/427" target="_blank">427</a>, <a href="https://github.com/almende/vis/issues/261" target="_blank">261</a>, <a href="https://github.com/almende/vis/issues/151" target="_blank">151</a>) Set time/date format. Could support AM/PM, Quarters, weekdays, military etc.</li>
  152. <li class="normal">(<a href="https://github.com/almende/vis/issues/257" target="_blank">257</a>) Toggle the visiblity of groups and subgroups (could be a predecessor for clustering).</li>
  153. <li class="normal">(<a href="https://github.com/almende/vis/issues/240" target="_blank">240</a>) Introduce a new event that fires when an item is being moved.</li>
  154. <li class="normal">(<a href="https://github.com/almende/vis/issues/239" target="_blank">239</a>) Create a new option to disable timeline zoom/drag with mouse in the group column.</li>
  155. <li class="normal">(<a href="https://github.com/almende/vis/issues/226" target="_blank">226</a>) Add an 'onHover' event to the timeline, similar to the network.</li>
  156. <li class="normal">(<a href="https://github.com/almende/vis/issues/192" target="_blank">192</a>) While dragging multiple items across groups, keep the group-offset.</li>
  157. <li class="normal">(<a href="https://github.com/almende/vis/issues/112" target="_blank">112</a>) A horizontalOrientation options to support a right-to-left timeline.</li>
  158. <li class="normal done">(<a href="https://github.com/almende/vis/issues/21" target="_blank">21</a>) CSS highlighting of certain days/weekends etc. CSS class tags will have to be added to the vertical grid lines.</li>
  159. </ul>
  160. <h3 id="timeline-graph2d">Timeline &amp; Graph2d</h3>
  161. <ul>
  162. <li class="orange">(<a href="https://github.com/almende/vis/issues/455" target="_blank">455</a>, <a href="https://github.com/almende/vis/issues/92" target="_blank">92</a>) Numeric range for the x-axis.</li>
  163. <li class="normal">(<a href="https://github.com/almende/vis/issues/384" target="_blank">384</a>) Fast horizontal scrolling.</li>
  164. <li class="blue done">(<a href="https://github.com/almende/vis/issues/309" target="_blank">309</a>) Add an extra property to the event parameters (for dragging and zooming) describing whether it's origin is programmatic or by the user.</li>
  165. </ul>
  166. <h3 id="graph2d">Graph2d</h3>
  167. <ul>
  168. <li class="normal">(<a href="https://github.com/almende/vis/issues/516" target="_blank">516</a>) Stacking of line graphs similar to how the bar charts can be stacked.</li>
  169. <li class="normal">(<a href="https://github.com/almende/vis/issues/500" target="_blank">500</a>) Adding a group visibility in legends.</li>
  170. <li class="normal">(<a href="https://github.com/almende/vis/issues/388" target="_blank">388</a>, <a href="https://github.com/almende/vis/issues/311" target="_blank">311</a>, <a href="https://github.com/almende/vis/issues/282" target="_blank">282</a>) ToolTips: this should give a stylable tooltip with the value at the position of the cursor. Options should include: <ul><li class="normal"><strong>snapToDatapoint</strong> (only show tooltips on datapoints, if off, show interpolated value at position)</li><li class="normal"> <strong>alwaysOn</strong> (always show tooltips on datapoints, perhaps with an optional tag that you can specify here?)</li></ul>
  171. <li class="normal">(<a href="https://github.com/almende/vis/issues/354" target="_blank">354</a>) Add uncertainty plot styles (box, candle, shaded area, etc.)</li>
  172. <li class="normal">(<a href="https://github.com/almende/vis/issues/314" target="_blank">314</a>) Logarithmic scale (y-axis initially, if numeric range for x-axis is implemented, could be ported over to x-axis as well).</li>
  173. </ul>
  174. <h3 id="graph3d">Graph3d</h3>
  175. <ul>
  176. <li class="normal">(<a href="https://github.com/almende/vis/issues/536" target="_blank">536</a>) Implement title support for tooltips. The title could be added to datapoints and shown in the tooltip.</li>
  177. <li class="normal">(<a href="https://github.com/almende/vis/issues/442" target="_blank">442</a>) Implement touch gestures for camera controls using hammer.js.</li>
  178. </ul>
  179. <h3 id="dataset-dataview">DataSet &amp; DataView</h3>
  180. <ul>
  181. <li class="normal">(<a href="https://github.com/almende/vis/issues/339" target="_blank">339</a>) Dynamically update the filter of a DataView.</li>
  182. </ul>
  183. </div>
  184. <br /><br /><br /><br />
  185. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  186. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  187. <!-- Include all compiled plugins (below), or include individual files as needed -->
  188. <script src="js/bootstrap.min.js"></script>
  189. </body>
  190. </html>