forked from danvk/source-map-explorer
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Move examples into their own directory
- Loading branch information
Showing
4 changed files
with
649 additions
and
0 deletions.
There are no files selected for viewing
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,314 @@ | ||
<!doctype html> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<link rel="stylesheet" href="https://cdn.rawgit.com/martine/webtreemap/a2fa353833eca1a4821ba4c93fb6a7d546aed02a/webtreemap.css"> | ||
<title>dist/pileup.min.js - Source Map Explorer</title> | ||
|
||
<style> | ||
html, body { | ||
height: 100%; | ||
} | ||
body { | ||
font-family: sans-serif; | ||
font-size: 0.8em; | ||
margin: 0; | ||
} | ||
#map { | ||
top: 10px; | ||
bottom: 10px; | ||
left: 10px; | ||
right: 10px; | ||
position: absolute; | ||
cursor: pointer; | ||
-webkit-user-select: none; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div id='map'></div> | ||
</body> | ||
|
||
|
||
<script> | ||
var tree = { | ||
"node_modules/browserify/node_modules/browser-pack/_prelude.js": 760, | ||
"node_modules/backbone/backbone.js": 19279, | ||
"node_modules/browserify/node_modules/buffer/index.js": 18431, | ||
"node_modules/browserify/node_modules/buffer/node_modules/base64-js/lib/b64.js": 1441, | ||
"node_modules/browserify/node_modules/buffer/node_modules/ieee754/index.js": 869, | ||
"node_modules/browserify/node_modules/buffer/node_modules/is-array/index.js": 111, | ||
"node_modules/browserify/node_modules/process/browser.js": 900, | ||
"node_modules/data-canvas/src/data-canvas.js": 3316, | ||
"node_modules/jbinary/dist/browser/jbinary.js": 13133, | ||
"node_modules/jdataview/dist/node/jdataview.js": 9777, | ||
"node_modules/pako/lib/inflate.js": 2541, | ||
"node_modules/pako/lib/utils/common.js": 1069, | ||
"node_modules/pako/lib/utils/strings.js": 1713, | ||
"node_modules/pako/lib/zlib/adler32.js": 208, | ||
"node_modules/pako/lib/zlib/constants.js": 419, | ||
"node_modules/pako/lib/zlib/crc32.js": 268, | ||
"node_modules/pako/lib/zlib/gzheader.js": 198, | ||
"node_modules/pako/lib/zlib/inffast.js": 1834, | ||
"node_modules/pako/lib/zlib/inflate.js": 11544, | ||
"node_modules/pako/lib/zlib/inftrees.js": 1672, | ||
"node_modules/pako/lib/zlib/messages.js": 221, | ||
"node_modules/pako/lib/zlib/zstream.js": 265, | ||
"node_modules/q/q.js": 15730, | ||
"node_modules/react-addons-pure-render-mixin/index.js": 132, | ||
"node_modules/react-dom/index.js": 95, | ||
"node_modules/react/lib/AutoFocusUtils.js": 323, | ||
"node_modules/react/lib/BeforeInputEventPlugin.js": 3377, | ||
"node_modules/react/lib/CSSProperty.js": 1346, | ||
"node_modules/react/lib/CSSPropertyOperations.js": 1171, | ||
"node_modules/react/lib/CallbackQueue.js": 719, | ||
"node_modules/react/lib/ChangeEventPlugin.js": 2580, | ||
"node_modules/react/lib/ClientReactRootIndex.js": 106, | ||
"node_modules/react/lib/DOMChildrenOperations.js": 1316, | ||
"node_modules/react/lib/DOMProperty.js": 1846, | ||
"node_modules/react/lib/DOMPropertyOperations.js": 2205, | ||
"node_modules/react/lib/Danger.js": 1227, | ||
"node_modules/react/lib/DefaultEventPluginOrder.js": 305, | ||
"node_modules/react/lib/EnterLeaveEventPlugin.js": 1185, | ||
"node_modules/react/lib/EventConstants.js": 1255, | ||
"node_modules/react/lib/EventPluginHub.js": 1798, | ||
"node_modules/react/lib/EventPluginRegistry.js": 1683, | ||
"node_modules/react/lib/EventPluginUtils.js": 1644, | ||
"node_modules/react/lib/EventPropagators.js": 1387, | ||
"node_modules/react/lib/FallbackCompositionState.js": 768, | ||
"node_modules/react/lib/HTMLDOMPropertyConfig.js": 2616, | ||
"node_modules/react/lib/LinkedValueUtils.js": 1794, | ||
"node_modules/react/lib/Object.assign.js": 328, | ||
"node_modules/react/lib/PooledClass.js": 1110, | ||
"node_modules/react/lib/React.js": 752, | ||
"node_modules/react/lib/ReactBrowserComponentMixin.js": 279, | ||
"node_modules/react/lib/ReactBrowserEventEmitter.js": 3949, | ||
"node_modules/react/lib/ReactChildReconciler.js": 947, | ||
"node_modules/react/lib/ReactChildren.js": 1507, | ||
"node_modules/react/lib/ReactClass.js": 4237, | ||
"node_modules/react/lib/ReactComponent.js": 661, | ||
"node_modules/react/lib/ReactComponentBrowserEnvironment.js": 328, | ||
"node_modules/react/lib/ReactComponentEnvironment.js": 425, | ||
"node_modules/react/lib/ReactComponentWithPureRenderMixin.js": 160, | ||
"node_modules/react/lib/ReactCompositeComponent.js": 6597, | ||
"node_modules/react/lib/ReactCurrentOwner.js": 71, | ||
"node_modules/react/lib/ReactDOM.js": 1087, | ||
"node_modules/react/lib/ReactDOMButton.js": 368, | ||
"node_modules/react/lib/ReactDOMComponent.js": 9533, | ||
"node_modules/react/lib/ReactDOMFactories.js": 1891, | ||
"node_modules/react/lib/ReactDOMFeatureFlags.js": 52, | ||
"node_modules/react/lib/ReactDOMIDOperations.js": 915, | ||
"node_modules/react/lib/ReactDOMInput.js": 1370, | ||
"node_modules/react/lib/ReactDOMOption.js": 611, | ||
"node_modules/react/lib/ReactDOMSelect.js": 1618, | ||
"node_modules/react/lib/ReactDOMSelection.js": 1764, | ||
"node_modules/react/lib/ReactDOMServer.js": 212, | ||
"node_modules/react/lib/ReactDOMTextComponent.js": 988, | ||
"node_modules/react/lib/ReactDOMTextarea.js": 1093, | ||
"node_modules/react/lib/ReactDefaultBatchingStrategy.js": 639, | ||
"node_modules/react/lib/ReactDefaultInjection.js": 2115, | ||
"node_modules/react/lib/ReactElement.js": 1663, | ||
"node_modules/react/lib/ReactElementValidator.js": 2164, | ||
"node_modules/react/lib/ReactEmptyComponent.js": 807, | ||
"node_modules/react/lib/ReactEmptyComponentRegistry.js": 212, | ||
"node_modules/react/lib/ReactErrorUtils.js": 260, | ||
"node_modules/react/lib/ReactEventEmitterMixin.js": 234, | ||
"node_modules/react/lib/ReactEventListener.js": 1796, | ||
"node_modules/react/lib/ReactInjection.js": 674, | ||
"node_modules/react/lib/ReactInputSelection.js": 1540, | ||
"node_modules/react/lib/ReactInstanceHandles.js": 1646, | ||
"node_modules/react/lib/ReactInstanceMap.js": 263, | ||
"node_modules/react/lib/ReactIsomorphic.js": 830, | ||
"node_modules/react/lib/ReactMarkupChecksum.js": 359, | ||
"node_modules/react/lib/ReactMount.js": 6137, | ||
"node_modules/react/lib/ReactMultiChild.js": 3205, | ||
"node_modules/react/lib/ReactMultiChildUpdateTypes.js": 200, | ||
"node_modules/react/lib/ReactNativeComponent.js": 655, | ||
"node_modules/react/lib/ReactNoopUpdateQueue.js": 440, | ||
"node_modules/react/lib/ReactOwner.js": 438, | ||
"node_modules/react/lib/ReactPerf.js": 242, | ||
"node_modules/react/lib/ReactPropTypeLocationNames.js": 59, | ||
"node_modules/react/lib/ReactPropTypeLocations.js": 152, | ||
"node_modules/react/lib/ReactPropTypes.js": 3879, | ||
"node_modules/react/lib/ReactReconcileTransaction.js": 1082, | ||
"node_modules/react/lib/ReactReconciler.js": 709, | ||
"node_modules/react/lib/ReactRef.js": 569, | ||
"node_modules/react/lib/ReactRootIndex.js": 166, | ||
"node_modules/react/lib/ReactServerBatchingStrategy.js": 109, | ||
"node_modules/react/lib/ReactServerRendering.js": 1289, | ||
"node_modules/react/lib/ReactServerRenderingTransaction.js": 720, | ||
"node_modules/react/lib/ReactUpdateQueue.js": 1896, | ||
"node_modules/react/lib/ReactUpdates.js": 2464, | ||
"node_modules/react/lib/ReactVersion.js": 58, | ||
"node_modules/react/lib/SVGDOMPropertyConfig.js": 1849, | ||
"node_modules/react/lib/SelectEventPlugin.js": 1960, | ||
"node_modules/react/lib/ServerReactRootIndex.js": 143, | ||
"node_modules/react/lib/SimpleEventPlugin.js": 9393, | ||
"node_modules/react/lib/SyntheticClipboardEvent.js": 256, | ||
"node_modules/react/lib/SyntheticCompositionEvent.js": 176, | ||
"node_modules/react/lib/SyntheticDragEvent.js": 194, | ||
"node_modules/react/lib/SyntheticEvent.js": 1729, | ||
"node_modules/react/lib/SyntheticFocusEvent.js": 189, | ||
"node_modules/react/lib/SyntheticInputEvent.js": 176, | ||
"node_modules/react/lib/SyntheticKeyboardEvent.js": 668, | ||
"node_modules/react/lib/SyntheticMouseEvent.js": 746, | ||
"node_modules/react/lib/SyntheticTouchEvent.js": 354, | ||
"node_modules/react/lib/SyntheticUIEvent.js": 407, | ||
"node_modules/react/lib/SyntheticWheelEvent.js": 400, | ||
"node_modules/react/lib/Transaction.js": 1308, | ||
"node_modules/react/lib/ViewportMetrics.js": 178, | ||
"node_modules/react/lib/accumulateInto.js": 276, | ||
"node_modules/react/lib/adler32.js": 315, | ||
"node_modules/react/lib/dangerousStyleValue.js": 293, | ||
"node_modules/react/lib/deprecated.js": 168, | ||
"node_modules/react/lib/escapeTextContentForBrowser.js": 198, | ||
"node_modules/react/lib/findDOMNode.js": 445, | ||
"node_modules/react/lib/flattenChildren.js": 280, | ||
"node_modules/react/lib/forEachAccumulated.js": 121, | ||
"node_modules/react/lib/getEventCharCode.js": 163, | ||
"node_modules/react/lib/getEventKey.js": 950, | ||
"node_modules/react/lib/getEventModifierState.js": 267, | ||
"node_modules/react/lib/getEventTarget.js": 139, | ||
"node_modules/react/lib/getIteratorFn.js": 190, | ||
"node_modules/react/lib/getNodeForCharacterOffset.js": 330, | ||
"node_modules/react/lib/getTextContentAccessor.js": 243, | ||
"node_modules/react/lib/instantiateReactComponent.js": 990, | ||
"node_modules/react/lib/isEventSupported.js": 547, | ||
"node_modules/react/lib/isTextInputElement.js": 316, | ||
"node_modules/react/lib/onlyChild.js": 203, | ||
"node_modules/react/lib/quoteAttributeValueForBrowser.js": 160, | ||
"node_modules/react/lib/renderSubtreeIntoContainer.js": 119, | ||
"node_modules/react/lib/setInnerHTML.js": 685, | ||
"node_modules/react/lib/setTextContent.js": 362, | ||
"node_modules/react/lib/shallowCompare.js": 164, | ||
"node_modules/react/lib/shouldUpdateReactComponent.js": 261, | ||
"node_modules/react/lib/traverseAllChildren.js": 1158, | ||
"node_modules/react/lib/validateDOMNesting.js": 208, | ||
"node_modules/react/node_modules/fbjs/lib/EventListener.js": 496, | ||
"node_modules/react/node_modules/fbjs/lib/ExecutionEnvironment.js": 315, | ||
"node_modules/react/node_modules/fbjs/lib/camelize.js": 137, | ||
"node_modules/react/node_modules/fbjs/lib/camelizeStyleName.js": 142, | ||
"node_modules/react/node_modules/fbjs/lib/containsNode.js": 341, | ||
"node_modules/react/node_modules/fbjs/lib/createArrayFromMixed.js": 328, | ||
"node_modules/react/node_modules/fbjs/lib/createNodesFromMarkup.js": 678, | ||
"node_modules/react/node_modules/fbjs/lib/emptyFunction.js": 284, | ||
"node_modules/react/node_modules/fbjs/lib/emptyObject.js": 60, | ||
"node_modules/react/node_modules/fbjs/lib/focusNode.js": 90, | ||
"node_modules/react/node_modules/fbjs/lib/getActiveElement.js": 188, | ||
"node_modules/react/node_modules/fbjs/lib/getMarkupWrap.js": 1085, | ||
"node_modules/react/node_modules/fbjs/lib/getUnboundedScrollPosition.js": 231, | ||
"node_modules/react/node_modules/fbjs/lib/hyphenate.js": 122, | ||
"node_modules/react/node_modules/fbjs/lib/hyphenateStyleName.js": 144, | ||
"node_modules/react/node_modules/fbjs/lib/invariant.js": 386, | ||
"node_modules/react/node_modules/fbjs/lib/isNode.js": 201, | ||
"node_modules/react/node_modules/fbjs/lib/isTextNode.js": 126, | ||
"node_modules/react/node_modules/fbjs/lib/keyMirror.js": 219, | ||
"node_modules/react/node_modules/fbjs/lib/keyOf.js": 131, | ||
"node_modules/react/node_modules/fbjs/lib/mapObject.js": 197, | ||
"node_modules/react/node_modules/fbjs/lib/memoizeStringOnly.js": 149, | ||
"node_modules/react/node_modules/fbjs/lib/shallowEqual.js": 352, | ||
"node_modules/react/node_modules/fbjs/lib/toArray.js": 374, | ||
"node_modules/react/node_modules/fbjs/lib/warning.js": 103, | ||
"node_modules/react/react.js": 82, | ||
"node_modules/shallow-equals/index.js": 652, | ||
"node_modules/underscore/underscore.js": 16166, | ||
"src/lib/minid3.js": 14876, | ||
"src/main/BamDataSource.js": 1729, | ||
"src/main/BigBed.js": 4520, | ||
"src/main/BigBedDataSource.js": 1722, | ||
"src/main/ContigInterval.js": 2061, | ||
"src/main/Controls.js": 2253, | ||
"src/main/CoverageTrack.js": 5083, | ||
"src/main/DisplayMode.js": 196, | ||
"src/main/EmptySource.js": 108, | ||
"src/main/GA4GHAlignment.js": 1727, | ||
"src/main/GA4GHDataSource.js": 1716, | ||
"src/main/GeneTrack.js": 2568, | ||
"src/main/GenomeTrack.js": 1594, | ||
"src/main/Interval.js": 1871, | ||
"src/main/LocationTrack.js": 1327, | ||
"src/main/PileupCache.js": 2704, | ||
"src/main/PileupTrack.js": 6032, | ||
"src/main/RemoteFile.js": 2674, | ||
"src/main/Root.js": 1746, | ||
"src/main/SamRead.js": 3534, | ||
"src/main/ScaleTrack.js": 1783, | ||
"src/main/TwoBit.js": 2201, | ||
"src/main/TwoBitDataSource.js": 1875, | ||
"src/main/VariantTrack.js": 1708, | ||
"src/main/VcfDataSource.js": 1032, | ||
"src/main/VirtualOffset.js": 849, | ||
"src/main/VisualizationWrapper.js": 2327, | ||
"src/main/bai.js": 3977, | ||
"src/main/bam.js": 3870, | ||
"src/main/bedtools.js": 958, | ||
"src/main/canvas-utils.js": 154, | ||
"src/main/d3utils.js": 756, | ||
"src/main/formats/bamTypes.js": 2812, | ||
"src/main/formats/bbi.js": 1825, | ||
"src/main/formats/helpers.js": 1707, | ||
"src/main/formats/twoBitTypes.js": 449, | ||
"src/main/pileup.js": 1793, | ||
"src/main/pileuputils.js": 1542, | ||
"src/main/react-types.js": 159, | ||
"src/main/scale.js": 759, | ||
"src/main/style.js": 1079, | ||
"src/main/utils.js": 2143, | ||
"src/main/vcf.js": 1790 | ||
}; | ||
</script> | ||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script> | ||
<script src="https://cdn.rawgit.com/martine/webtreemap/a2fa353833eca1a4821ba4c93fb6a7d546aed02a/webtreemap.js"></script> | ||
|
||
<script> | ||
|
||
function newNode(name) { | ||
return { | ||
name: name, | ||
data: { | ||
'$area': 0 | ||
}, | ||
children: [] | ||
}; | ||
} | ||
|
||
var treeData = newNode('/'); | ||
|
||
function addNode(path, size) { | ||
var parts = path.split('/'); | ||
var node = treeData; | ||
node.data['$area'] += size; | ||
|
||
parts.forEach(function(part) { | ||
var child = _.find(node.children, function(child) { return child.name == part; }); | ||
if (!child) { | ||
var child = newNode(part); | ||
node.children.push(child); | ||
} | ||
|
||
node = child; | ||
node.data['$area'] += size; | ||
}); | ||
} | ||
|
||
function addSizeToTitle(node, total) { | ||
var size = node.data['$area'], | ||
pct = 100.0 * size / total; | ||
node.name += ' • ' + size.toLocaleString() + ' • ' + pct.toFixed(2) + '%'; | ||
node.children.forEach(function(x) { addSizeToTitle(x, total) }); | ||
} | ||
|
||
for (var source in tree) { | ||
addNode(source, tree[source]); | ||
} | ||
addSizeToTitle(treeData, treeData.data['$area']); | ||
|
||
var map = document.getElementById('map'); | ||
appendTreemap(map, treeData); | ||
|
||
window.addEventListener('resize', function() { | ||
appendTreemap(map, treeData); | ||
}); | ||
|
||
</script> | ||
|
Oops, something went wrong.