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.
213 lines
16 KiB
213 lines
16 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<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>
|
|
<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="./docs/index.html" target="_blank">Documentation <img class="icon" src="./images/external-link-icons/external-link-icon-white.png"></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.</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/528" target="_blank">548</a>) Allow labels to be images too.</li>
|
|
<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>
|
|
<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>
|
|
<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="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>
|
|
<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>
|
|
<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 & edges.</li>
|
|
<li class="normal">(<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">(<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">(<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="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>
|
|
<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>
|
|
<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>
|
|
</ul>
|
|
<h3 id="graph2d">Graph2d</h3>
|
|
<ul>
|
|
<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>
|
|
<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">(<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>
|
|
</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>
|
|
</body>
|
|
</html>
|