|
@ -1,215 +1,14 @@ |
|
|
<!DOCTYPE html> |
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<html lang="en"> |
|
|
<head><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script> |
|
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
|
|
<title>Feature Requests</title> |
|
|
|
|
|
<link rel="icon" HREF="favicon.ico"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap --> |
|
|
|
|
|
<link href="css/bootstrap.css" rel="stylesheet"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
|
|
|
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
|
|
|
|
|
<!--[if lt IE 9]> |
|
|
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
|
|
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
|
|
|
|
<![endif]--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
|
font-family: Lustria,Georgia,Times,"Times New Roman",serif !important; |
|
|
|
|
|
} |
|
|
|
|
|
div.navbar-wrapper { |
|
|
|
|
|
background-color:#07508E; |
|
|
|
|
|
border-bottom: 3px solid #ffffff; |
|
|
|
|
|
font-size:16px; |
|
|
|
|
|
font-weight:normal; |
|
|
|
|
|
} |
|
|
|
|
|
div.contentWrapper { |
|
|
|
|
|
padding:20px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
div.textHTMLContent { |
|
|
|
|
|
display:block; |
|
|
|
|
|
width:800px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
li.blue { |
|
|
|
|
|
background-color: #b8e3ff; |
|
|
|
|
|
} |
|
|
|
|
|
li.green { |
|
|
|
|
|
background-color: #c4ffb2; |
|
|
|
|
|
} |
|
|
|
|
|
li.orange { |
|
|
|
|
|
background-color: #ffccb3; |
|
|
|
|
|
} |
|
|
|
|
|
li.pink { |
|
|
|
|
|
background-color: #ffc4ed; |
|
|
|
|
|
} |
|
|
|
|
|
li.normal { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
li.notyet { |
|
|
|
|
|
background-color: #eeeeee; |
|
|
|
|
|
color:#bbbbbb; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
li.done { |
|
|
|
|
|
text-decoration:line-through; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
ul { |
|
|
|
|
|
max-width:900px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
|
|
<meta http-equiv="refresh" content="0; url=https://github.com/almende/vis/issues?q=is%3Aopen+is%3Aissue+label%3AFeature-Request" /> |
|
|
</head> |
|
|
</head> |
|
|
<body> |
|
|
<body> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="navbar-wrapper"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<nav class="navbar navbar-inverse navbar-static-top" role="navigation"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="navbar-header"> |
|
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> |
|
|
|
|
|
<span class="sr-only">Toggle navigation</span> |
|
|
|
|
|
<span class="icon-bar"></span> |
|
|
|
|
|
<span class="icon-bar"></span> |
|
|
|
|
|
<span class="icon-bar"></span> |
|
|
|
|
|
</button> |
|
|
|
|
|
<a class="navbar-brand hidden-sm" href="./index.html">vis.js</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div id="navbar" class="navbar-collapse collapse"> |
|
|
|
|
|
<ul class="nav navbar-nav"> |
|
|
|
|
|
<li><a href="./index.html#modules">Modules</a></li> |
|
|
|
|
|
<li><a href="./blog.html">Blog</a></li> |
|
|
|
|
|
<li><a href="./index.html#download_install">Download</a></li> |
|
|
|
|
|
<li><a href="./showcase/index.html">Showcase</a></li> |
|
|
|
|
|
<li><a href="./index.html#contribute">Contribute</a></li> |
|
|
|
|
|
<li class="active"><a href="./featureRequests.html">Feature requests</a></li> |
|
|
|
|
|
<li><a href="./index.html#licenses">License</a></li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</nav> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="contentWrapper"> |
|
|
|
|
|
<h1>Feature requests</h1> |
|
|
|
|
|
<hr class="featurette-divider"> |
|
|
|
|
|
<div class="textHTMLContent"> |
|
|
|
|
|
<h4>We get a lot of feature requests, here's the list of them!</h4> |
|
|
|
|
|
<p class="text-justify"> |
|
|
|
|
|
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 |
|
|
|
|
|
our Github issues and to supply a pool of ideas for people to contribute, we have made this list. |
|
|
|
|
|
<br /><br /> |
|
|
|
|
|
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. |
|
|
|
|
|
We'd like to invite people who want to contribute to pick up one (or more!) of these features. |
|
|
|
|
|
</p> |
|
|
|
|
|
Legend: |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li class="blue">Feature being worked on by us.</li> |
|
|
|
|
|
<li class="">Feature we might pick up with future releases, but feel free to pick it up for us!</li> |
|
|
|
|
|
<li class="green">Feature being worked on by the community, link to their forked version.</li> |
|
|
|
|
|
<li class="pink">Not likely to be picked up by us soon but would be great if the community would add this.</li> |
|
|
|
|
|
<li class="orange">Feature needing major overhauling of the current framework, not planned soon and unlikely to be picked up by community.</li> |
|
|
|
|
|
<li class="notyet">Feature that would be easier to create after a large (and planned) refactor.</li> |
|
|
|
|
|
<li class="done">Implemented and in develop or master. Will be removed after a while.</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
<hr class="featurette-divider"> |
|
|
|
|
|
<h3 id="all">All</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
</ul> |
|
|
|
|
|
<h3 id="network">Network</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/824" target="_blank">824</a>) Check label for click event as well when selecting a node or edge.</li> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/685" target="_blank">685</a>) New type of node: Supernode. The supernode could have multiple connection subnodes.</li> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/602" target="_blank">602</a>) Add hoverEdge and blurEdge events.</li> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/528" target="_blank">548</a>) Allow labels to be images too.</li> |
|
|
|
|
|
<!--<li class="normal blue">(<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>--> |
|
|
|
|
|
<li class="normal blue">(<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<!--<li class="normal blue">(<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>--> |
|
|
|
|
|
<!--<li class="normal blue">(<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 & edges.</li>--> |
|
|
|
|
|
<!--<li class="normal blue">(<a href="https://github.com/almende/vis/issues/335" target="_blank">335</a>) Set smooth curves per edge.</li>--> |
|
|
|
|
|
<li class="pink">(<a href="https://github.com/almende/vis/issues/323" target="_blank">323</a>) GIF support.</li> |
|
|
|
|
|
<!--<li class="normal blue done">(<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>--> |
|
|
|
|
|
<!--<li class="normal blue done">(<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>--> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
</ul> |
|
|
|
|
|
<h3 id="timeline">Timeline</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/436" target="_blank">436</a>) Make background items and subgroups editable.</li> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/297" target="_blank">297</a>) Center column labels in the timeline.</li> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
<h3 id="timeline-graph2d">Timeline & Graph2d</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<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> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/384" target="_blank">384</a>) Fast horizontal scrolling.</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
<h3 id="graph2d">Graph2d</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/821" target="_blank">821</a>) Fill between graphs (could fit in with the uncertainty styles).</li> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/681" target="_blank">681</a>) Clickable datapoints, bars etc.</li> |
|
|
|
|
|
<li class="notyet">(<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> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/500" target="_blank">500</a>) Adding a group visibility in legends.</li> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<li class="normal green">(<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> |
|
|
|
|
|
</ul> |
|
|
|
|
|
<h3 id="graph3d">Graph3d</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<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> |
|
|
|
|
|
<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> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/524" target="_blank">524</a>, <a href="https://github.com/almende/vis/issues/1005" target="_blank">1005</a>) Support for rendering multiple graphs in one Graph3d (possibly with different styles).</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
<h3 id="dataset-dataview">DataSet & DataView</h3> |
|
|
|
|
|
<ul> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/568" target="_blank">568</a>) Add a merge() function to the dataset as described in this issue.</li> |
|
|
|
|
|
<li class="normal">(<a href="https://github.com/almende/vis/issues/339" target="_blank">339</a>) Dynamically update the filter of a DataView.</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<br /><br /><br /><br /> |
|
|
|
|
|
|
|
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
|
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed --> |
|
|
|
|
|
<script src="js/bootstrap.min.js"></script> |
|
|
|
|
|
|
|
|
<p> |
|
|
|
|
|
This page has been removed.<br> |
|
|
|
|
|
<a href="https://github.com/almende/vis/issues?q=is%3Aopen+is%3Aissue+label%3AFeature-Request"> |
|
|
|
|
|
Feature-Requests are now managed withing github. |
|
|
|
|
|
</a> |
|
|
|
|
|
</p> |
|
|
</body> |
|
|
</body> |
|
|
</html> |
|
|
|
|
|
|
|
|
</html> |