- Changed the overall layout of the tool to be more visually organized and less complex
- Removed a search bar in the higlass track, and add it in a title bar of the Cistrome Explorer.
- Added a 'Show Instructions' button to show the hidden control buttons entirely and provide detailed textual instructions w/ tooltips upon mouse hover
- Supported aggregating rows by tissue type
- Showed aggregated bar charts for all samples
- Allowed adding a bar track for selected row
- Added a scale track (arrow) on the top that shows the length of current view window
- Undo/Redu interactions added in Cistrome Explorer.
- Added an
onOptions
API inHiGlassMeta
to change the wrapper options outside the library. - Added a menu panel that shows examples datasets and any other high-level options for
HiGlassMeta
. - Added linking tracks with background color upon mouse hover.
- Added
resolveYScale
andsort
options for using track-specific Y-axis scale. - Added line/band connections between tracks whey they use different y-axis scales.
- Added
width
options that set the initial size of vertical tracks along x-axis. - Added an
onRemoveAllSort
API inHiGlassMeta
for removing all sort options outside of the library.
- Moved
CistromeToolkit
to the sibling ofCistromeHGW
. - Rename
HiGlassWithMeta
toHiGlassMeta
. - Upgraded to HiGlass version
1.10.2
- Fix the bug on highlighting rows in dendrograms.
- Hide track titles upon mouse hover for addressing visual overlap.
- Changed the row highlighting method, from reverse highlighting to regular highlighting, i.e., highlight the selected rows.
- Renamed
subtree
toancestors
for clarity.
- Added row aggregation options (e.g.,
rowAggregate
) to aggregate rows based on nominal fields metadata. - Added visual indicators (vertical black bars) to show which rows are aggregated.
- Changed the table view to be shown as a modal view.
- Updated format of API results (e.g., use consistent letter cases and use scientific notations for long numbers).
- Filtering information in range sliders and keyword search boxes is based on the aggregated values (
aggregatedRowInfo
), instead of originalrowInfo
. - Fixed a SVG export bug which caused visualizations to be exported from previous datasets (corresponding to previous
options
prop values in the demo). - Updaetd a Cistrome DB Toolkit view to show two APIs with the history of request and data tables of each request.
- Fixed z-index between track resizer, filtering box, and toolkit.
- Rename the keyword search box (
TrackRowSearch
=>TrackRowFilter
).
- Added real data (quality score for each sample) for quantitative bar charts.
- Added a mover component that allows one to interactively reposition the keyword search box.
- Added filter reset buttons on the wrapper tracks to make it more accessible.
- Added
range
condition in filter and highlighting options to enable filtering rows by value ranges. - Added a range slider to interactively filter rows by determining min and max cutoff values in quantitative bar charts, including stacked bar charts.
- Added a vertical mouse wheel zooming feature for horizontal multivec tracks, activated when the
Y
key is pressed on the keyboard. - Added a minimum similarity bar in dendrogram to enable filtering rows by similarity scores.
- Added a simple nav bar with links to GitHub and documentations.
- Make keyword search box semi-transparent when blurred.
- Changed the color of filter and sort icons when they are applied on a track as a visual indicator.
- Changed the filtering interface for nominal values to use checkboxes.
- Render range sliders and checkboxes for filtering interactions based on the original data.
- Replace
contains
filtering condition tonotOneOf
. - Rename the filtering condition for
tree
type data fromcontains
tosubtree
. - Reset buttons remove all filters related only to a certain field.
- Each field has only one
filterInfo
for the simplicity. - Update dendrogram to visually encode similarity distance between nodes.
- Added a feature to interactively resize the width of each vertical track by dragging resizers.
- Added a feature to interactively filter rows by keywords and reset all filters.
- Added an option to specify multiple data fields in a single vertical track and implemented stacked bar charts for this case.
- Added a feature to interactively filter rows by selecting a node in the dendrogram visualization.
- Added x-axis ticks for quantitative bar plot visualizations for row info metadata.
- Added transparent white background for visualization title text so that it does not visually interfere with the text for plot data labels.
- Added
measureText()
two function for computing width and height ofTwoText
objects without rendering. - Added a search suggestion autocomplete feature.
- Added a feature to request for bind TFs in a certain interval using Cistrome DB API and render the result in a simple data table.
- Added a context menu for filtering or highlighting rows based on a nomival value in categorical bar charts.
- Added hover styles for the
TrackRowInfoVisLink
visualization component, so that when a link area is hovered, a gray background rect and a text underline are also rendered. - Added a context menu to add a new track on top or bottom with selected rows in categorical bar charts.
- Added
viewWrapper
react component that support view-specific interactions, such as brusing columns of higlas heatmaps. - Added an option to render a checkbox for each row of the data table, with a callback function that takes an array of checked row objects.
- Added wrapper visualizations to SVGs exported by HiGlass using the new
.on('createSVG')
callback feature.
- Fixed bug which prevented wrapper options for sorting, filtering, highlighting from being used upon initial component render.
- Added resizer elements to their containers and used
d3-drag
for the mouse events. - Compute color scale for the
TrackRowInfoVisNominalBar
categorical value visualization based on the fullrowInfo
rather thantransformedRowInfo
so that the original color mapping is kept after row filtering events. - Fixed the genomic interval selection behavior to reflect the support for
fromViewUid: null
forviewport-projection-horizontal
tracks (new in HiGlass 1.9.0). - Set the
horizontal-multivec
trackzeroValueColor
option to demonstrate the feature (new in HiGlass 1.9.0). - Enabled multiple genomic interval selections for a view.
- Added radio buttons for selecting between two higlass viewconfig options.
- Added higlass viewconfig corresponding to local
higlass-server
demo tileset containing JSON metadata. - Configured documentation.
- Added rollup configuration for packaging the component for NPM.
- Display metadata values in tooltip upon mouse hover interactions for
TrackRowInfo
component. - Added
TrackRowLink
component, and implemented dynamic dimensions based on therowLinkPosition
option and dynamic show/hide based on row height. URLs are obtained based on therowLinkAttribute
option which defaults to"url"
. - Added
TrackColTools
component, shows a button for creating a genome interval selection, and can be positioned above or belowhorizontal-multivec
tracks using thecolToolsPosition
option. - Added a dendrogram visualization to the
TrackRowInfo
component, which is displayed whentype === "tree"
for a row info attribute in theoptions
prop. - Added a quantitative attribute visualization (vertical bar plot) to the
TrackRowInfo
component, which is displayed whentype === "quantitative"
for a row info attribute in theoptions
prop. - Added buttons for sorting according to a particular attribute, which appear upon hovering over the visualization for the attribute in the
TrackRowInfo
component. - Added a new demo with a HiGlass viewconfig containing two
horizontal-multivec
tracks, where two sets of options for the wrapper component are specified based on theviewId
andtrackId
of each track. - Added a mechanism for components to "register" their
draw()
functions, to prepare for drawing visualizations to SVG when the user would like to export the current visual state. - Added a global variable that stores
rowInfo
as well as sorting & highlighting info, usingReact.Context
. - Added a mechanism to sort rows of a HiGrass
horizontal-multivec
track and vertical tracks on the left and right sides which is activated when users click on sorting buttons. - Added a feature to interactively highlight rows by typing keywords on a text field which appears when a search button is clicked.
- Moved to rendering the row info categorical metadata on a single
<canvas/>
element, rather than colored HTML elements for each row. - Updated all
d3
imports so that they refer to a specific sub-package (such asd3-selection
ord3-scale
). - Changed rollup config
output.sourcemap
values totrue
rather than"inline"
, which means that sourcemaps are stored in separate files, reducing the size of the.js
files. - Updated the positioning of the genomic interval start and end coordinate elements, so that they are dynamically positioned based on the current genomic region in the track.
- Added a small implementation of renderer-agnostic drawing code, based on the
two.js
JavaScript library, which enables the same code to draw to SVG and canvas elements. For example, when rendering in the browser, canvas is preferred for speed, but when rendering for export to a file, SVG is preferred for resolution.