Echarts
ECharts(Enterprise Charts)Apache ECharts是百度开发的一款开源的 JavaScript 数据可视化库。它提供了丰富的图表和图形,适用于在 Web 应用程序中创建各种交互式和动态的数据可视化图表。ECharts支持各种图表类型,包括折线图、柱状图、饼图、散点图等,以及更高级的图表类型,比如关系图、热力图等。
力引导布局
力引导布局是一种图形布局算法,用于可视化网络结构和依赖关系图。该算法基于物理学的模型,模拟节点之间的力和斥力,使得图形的布局在力的作用下自然形成。在这种布局中,连接相互关联的节点的边更有可能是直观和易于理解的。
力引导布局图
data
首先需要一些数据
数据放在data下面的webkitDep变量中
webkitDep: {type: "force",categories: [{name: "HTMLElement",keyword: {},base: "HTMLElement",},{name: "WebGL",keyword: {},base: "WebGLRenderingContext",},{name: "SVG",keyword: {},base: "SVGElement",},{name: "CSS",keyword: {},base: "CSSRule",},{name: "Other",keyword: {},},],nodes: [{name: "AnalyserNode",value: 1,category: 4,},{name: "AudioNode",value: 1,category: 4,},{name: "Uint8Array",value: 1,category: 4,},{name: "Float32Array",value: 1,category: 4,},{name: "ArrayBuffer",value: 1,category: 4,},{name: "ArrayBufferView",value: 1,category: 4,},{name: "Attr",value: 1,category: 4,},{name: "Node",value: 1,category: 4,},{name: "Element",value: 1,category: 4,},{name: "AudioBuffer",value: 1,category: 4,},{name: "AudioBufferCallback",value: 1,category: 4,},{name: "AudioBufferSourceNode",value: 1,category: 4,},{name: "AudioSourceNode",value: 1,category: 4,},{name: "AudioGain",value: 1,category: 4,},{name: "AudioParam",value: 1,category: 4,},{name: "AudioContext",value: 1,category: 4,},{name: "AudioDestinationNode",value: 1,category: 4,},{name: "AudioListener",value: 1,category: 4,},{name: "BiquadFilterNode",value: 1,category: 4,},{name: "ChannelMergerNode",value: 1,category: 4,},{name: "ChannelSplitterNode",value: 1,category: 4,},{name: "ConvolverNode",value: 1,category: 4,},{name: "DelayNode",value: 1,category: 4,},{name: "DynamicsCompressorNode",value: 1,category: 4,},{name: "GainNode",value: 1,category: 4,},{name: "MediaElementAudioSourceNode",value: 1,category: 4,},{name: "MediaStreamAudioDestinationNode",value: 1,category: 4,},{name: "MediaStreamAudioSourceNode",value: 1,category: 4,},{name: "OscillatorNode",value: 1,category: 4,},{name: "PannerNode",value: 1,category: 4,},{name: "ScriptProcessorNode",value: 1,category: 4,},{name: "WaveShaperNode",value: 1,category: 4,},{name: "WaveTable",value: 1,category: 4,},{name: "CanvasRenderingContext",value: 1,category: 4,},{name: "HTMLCanvasElement",value: 1,category: 0,},{name: "CanvasRenderingContext2D",value: 1,category: 4,},{name: "ImageData",value: 1,category: 4,},{name: "CanvasGradient",value: 1,category: 4,},{name: "CanvasPattern",value: 1,category: 4,},{name: "HTMLImageElement",value: 1,category: 0,},{name: "HTMLVideoElement",value: 1,category: 0,},{name: "TextMetrics",value: 1,category: 4,},{name: "CDATASection",value: 1,category: 4,},{name: "Text",value: 1,category: 4,},{name: "CharacterData",value: 1,category: 4,},{name: "ClientRectList",value: 1,category: 4,},{name: "ClientRect",value: 1,category: 4,},{name: "Clipboard",value: 1,category: 4,},{name: "FileList",value: 1,category: 4,},{name: "DataTransferItemList",value: 1,category: 4,},{name: "Comment",value: 1,category: 4,},{name: "Console",value: 1,category: 4,},{name: "MemoryInfo",value: 1,category: 4,},{name: "Crypto",value: 1,category: 4,},{name: "CSSCharsetRule",value: 1,category: 3,},{name: "CSSRule",value: 3,category: 3,},{name: "CSSFontFaceRule",value: 1,category: 3,},{name: "CSSStyleDeclaration",value: 1,category: 3,},{name: "CSSImportRule",value: 1,category: 3,},{name: "MediaList",value: 1,category: 4,},{name: "CSSStyleSheet",value: 1,category: 3,},{name: "CSSMediaRule",value: 1,category: 3,},{name: "CSSRuleList",value: 1,category: 3,},{name: "CSSPageRule",value: 1,category: 3,},{name: "CSSPrimitiveValue",value: 1,category: 3,},{name: "CSSValue",value: 1,category: 3,},{name: "Counter",value: 1,category: 4,},{name: "RGBColor",value: 1,category: 4,},{name: "Rect",value: 1,category: 4,},{name: "CSSStyleRule",value: 1,category: 3,},{name: "StyleSheet",value: 1,category: 4,},{name: "CSSUnknownRule",value: 1,category: 3,},{name: "CSSValueList",value: 1,category: 3,},{name: "Database",value: 1,category: 4,},{name: "SQLTransactionCallback",value: 1,category: 4,},{name: "DatabaseCallback",value: 1,category: 4,},{name: "DatabaseSync",value: 1,category: 4,},{name: "SQLTransactionSyncCallback",value: 1,category: 4,},{name: "DataTransferItem",value: 1,category: 4,},{name: "StringCallback",value: 1,category: 4,},{name: "Entry",value: 1,category: 4,},{name: "File",value: 1,category: 4,},{name: "DataView",value: 1,category: 4,},{name: "DedicatedWorkerContext",value: 1,category: 4,},{name: "WorkerContext",value: 1,category: 4,},{name: "DirectoryEntry",value: 1,category: 4,},{name: "DirectoryReader",value: 1,category: 4,},{name: "VoidCallback",value: 1,category: 4,},{name: "DirectoryEntrySync",value: 1,category: 4,},{name: "EntrySync",value: 1,category: 4,},{name: "DirectoryReaderSync",value: 1,category: 4,},{name: "FileEntrySync",value: 1,category: 4,},{name: "EntriesCallback",value: 1,category: 4,},{name: "EntryArraySync",value: 1,category: 4,},{name: "DocumentFragment",value: 1,category: 4,},{name: "NodeList",value: 1,category: 4,},{name: "DocumentType",value: 1,category: 4,},{name: "NamedNodeMap",value: 1,category: 4,},{name: "DOMFileSystem",value: 1,category: 4,},{name: "DOMFileSystemSync",value: 1,category: 4,},{name: "DOMImplementation",value: 1,category: 4,},{name: "HTMLDocument",value: 1,category: 0,},{name: "DOMMimeType",value: 1,category: 4,},{name: "DOMPlugin",value: 1,category: 4,},{name: "DOMMimeTypeArray",value: 1,category: 4,},{name: "DOMPluginArray",value: 1,category: 4,},{name: "DOMSelection",value: 1,category: 4,},{name: "Range",value: 1,category: 4,},{name: "DOMSettableTokenList",value: 1,category: 4,},{name: "DOMTokenList",value: 1,category: 4,},{name: "DOMStringMap",value: 1,category: 4,},{name: "ShadowRoot",value: 1,category: 4,},{name: "Entity",value: 1,category: 4,},{name: "EntityReference",value: 1,category: 4,},{name: "EntryArray",value: 1,category: 4,},{name: "MetadataCallback",value: 1,category: 4,},{name: "EntryCallback",value: 1,category: 4,},{name: "Metadata",value: 1,category: 4,},{name: "ErrorCallback",value: 1,category: 4,},{name: "FileError",value: 1,category: 4,},{name: "FileCallback",value: 1,category: 4,},{name: "FileEntry",value: 1,category: 4,},{name: "FileWriterCallback",value: 1,category: 4,},{name: "FileWriterSync",value: 1,category: 4,},{name: "FileReader",value: 1,category: 4,},{name: "FileReaderSync",value: 1,category: 4,},{name: "FileSystemCallback",value: 1,category: 4,},{name: "FileWriter",value: 1,category: 4,},{name: "Float64Array",value: 1,category: 4,},{name: "GamepadList",value: 1,category: 4,},{name: "Gamepad",value: 1,category: 4,},{name: "Geolocation",value: 1,category: 4,},{name: "PositionCallback",value: 1,category: 4,},{name: "Geoposition",value: 1,category: 4,},{name: "Coordinates",value: 1,category: 4,},{name: "HTMLAllCollection",value: 1,category: 0,},{name: "HTMLAnchorElement",value: 1,category: 0,},{name: "HTMLElement",value: 3,category: 0,},{name: "HTMLAppletElement",value: 1,category: 0,},{name: "HTMLAreaElement",value: 1,category: 0,},{name: "HTMLAudioElement",value: 1,category: 0,},{name: "HTMLMediaElement",value: 1,category: 0,},{name: "HTMLBaseElement",value: 1,category: 0,},{name: "HTMLBaseFontElement",value: 1,category: 0,},{name: "HTMLBodyElement",value: 1,category: 0,},{name: "HTMLBRElement",value: 1,category: 0,},{name: "HTMLButtonElement",value: 1,category: 0,},{name: "HTMLFormElement",value: 1,category: 0,},{name: "ValidityState",value: 1,category: 4,},{name: "HTMLCollection",value: 1,category: 0,},{name: "HTMLContentElement",value: 1,category: 0,},{name: "HTMLDataListElement",value: 1,category: 0,},{name: "HTMLDetailsElement",value: 1,category: 0,},{name: "HTMLDirectoryElement",value: 1,category: 0,},{name: "HTMLDivElement",value: 1,category: 0,},{name: "HTMLDListElement",value: 1,category: 0,},{name: "HTMLEmbedElement",value: 1,category: 0,},{name: "SVGDocument",value: 1,category: 2,},{name: "HTMLFieldSetElement",value: 1,category: 0,},{name: "HTMLFontElement",value: 1,category: 0,},{name: "HTMLFormControlsCollection",value: 1,category: 0,},{name: "HTMLFrameElement",value: 1,category: 0,},{name: "HTMLFrameSetElement",value: 1,category: 0,},{name: "HTMLHeadElement",value: 1,category: 0,},{name: "HTMLHeadingElement",value: 1,category: 0,},{name: "HTMLHRElement",value: 1,category: 0,},{name: "HTMLHtmlElement",value: 1,category: 0,},{name: "HTMLIFrameElement",value: 1,category: 0,},{name: "HTMLInputElement",value: 1,category: 0,},{name: "HTMLKeygenElement",value: 1,category: 0,},{name: "HTMLLabelElement",value: 1,category: 0,},{name: "HTMLLegendElement",value: 1,category: 0,},{name: "HTMLLIElement",value: 1,category: 0,},{name: "HTMLLinkElement",value: 1,category: 0,},{name: "HTMLMapElement",value: 1,category: 0,},{name: "HTMLMarqueeElement",value: 1,category: 0,},{name: "TimeRanges",value: 1,category: 4,},{name: "MediaController",value: 1,category: 4,},{name: "MediaError",value: 1,category: 4,},{name: "TextTrackList",value: 1,category: 4,},{name: "TextTrack",value: 1,category: 4,},{name: "HTMLMenuElement",value: 1,category: 0,},{name: "HTMLMetaElement",value: 1,category: 0,},{name: "HTMLMeterElement",value: 1,category: 0,},{name: "HTMLModElement",value: 1,category: 0,},{name: "HTMLObjectElement",value: 1,category: 0,},{name: "HTMLOListElement",value: 1,category: 0,},{name: "HTMLOptGroupElement",value: 1,category: 0,},{name: "HTMLOptionElement",value: 1,category: 0,},{name: "HTMLOptionsCollection",value: 1,category: 0,},{name: "HTMLOutputElement",value: 1,category: 0,},{name: "HTMLParagraphElement",value: 1,category: 0,},{name: "HTMLParamElement",value: 1,category: 0,},{name: "HTMLPreElement",value: 1,category: 0,},{name: "HTMLProgressElement",value: 1,category: 0,},{name: "HTMLQuoteElement",value: 1,category: 0,},{name: "HTMLScriptElement",value: 1,category: 0,},{name: "HTMLSelectElement",value: 1,category: 0,},{name: "HTMLShadowElement",value: 1,category: 0,},{name: "HTMLSourceElement",value: 1,category: 0,},{name: "HTMLSpanElement",value: 1,category: 0,},{name: "HTMLStyleElement",value: 1,category: 0,},{name: "HTMLTableCaptionElement",value: 1,category: 0,},{name: "HTMLTableCellElement",value: 1,category: 0,},{name: "HTMLTableColElement",value: 1,category: 0,},{name: "HTMLTableElement",value: 1,category: 0,},{name: "HTMLTableSectionElement",value: 1,category: 0,},{name: "HTMLTableRowElement",value: 1,category: 0,},{name: "HTMLTextAreaElement",value: 1,category: 0,},{name: "HTMLTitleElement",value: 1,category: 0,},{name: "HTMLTrackElement",value: 1,category: 0,},{name: "HTMLUListElement",value: 1,category: 0,},{name: "HTMLUnknownElement",value: 1,category: 0,},{name: "IDBCursor",value: 1,category: 4,},{name: "IDBAny",value: 1,category: 4,},{name: "IDBKey",value: 1,category: 4,},{name: "IDBRequest",value: 1,category: 4,},{name: "IDBCursorWithValue",value: 1,category: 4,},{name: "IDBDatabase",value: 1,category: 4,},{name: "DOMStringList",value: 1,category: 4,},{name: "IDBObjectStore",value: 1,category: 4,},{name: "IDBTransaction",value: 1,category: 4,},{name: "IDBFactory",value: 1,category: 4,},{name: "IDBVersionChangeRequest",value: 1,category: 4,},{name: "IDBOpenDBRequest",value: 1,category: 4,},{name: "IDBIndex",value: 1,category: 4,},{name: "IDBKeyRange",value: 1,category: 4,},{name: "DOMError",value: 1,category: 4,},{name: "Int16Array",value: 1,category: 4,},{name: "Int32Array",value: 1,category: 4,},{name: "Int8Array",value: 1,category: 4,},{name: "JavaScriptCallFrame",value: 1,category: 4,},{name: "LocalMediaStream",value: 1,category: 4,},{name: "MediaStream",value: 1,category: 4,},{name: "Location",value: 1,category: 4,},{name: "MediaQueryList",value: 1,category: 4,},{name: "MediaQueryListListener",value: 1,category: 4,},{name: "MediaSource",value: 1,category: 4,},{name: "SourceBufferList",value: 1,category: 4,},{name: "SourceBuffer",value: 1,category: 4,},{name: "MediaStreamTrackList",value: 1,category: 4,},{name: "MediaStreamList",value: 1,category: 4,},{name: "MediaStreamTrack",value: 1,category: 4,},{name: "MessageChannel",value: 1,category: 4,},{name: "MessagePort",value: 1,category: 4,},{name: "MutationObserver",value: 1,category: 4,},{name: "MutationRecord",value: 1,category: 4,},{name: "Navigator",value: 1,category: 4,},{name: "BatteryManager",value: 1,category: 4,},{name: "NavigatorUserMediaErrorCallback",value: 1,category: 4,},{name: "NavigatorUserMediaError",value: 1,category: 4,},{name: "NavigatorUserMediaSuccessCallback",value: 1,category: 4,},{name: "NodeFilter",value: 1,category: 4,},{name: "NodeIterator",value: 1,category: 4,},{name: "Notation",value: 1,category: 4,},{name: "Notification",value: 1,category: 4,},{name: "NotificationPermissionCallback",value: 1,category: 4,},{name: "NotificationCenter",value: 1,category: 4,},{name: "OESVertexArrayObject",value: 1,category: 4,},{name: "WebGLVertexArrayObjectOES",value: 1,category: 1,},{name: "Performance",value: 1,category: 4,},{name: "PerformanceNavigation",value: 1,category: 4,},{name: "PerformanceTiming",value: 1,category: 4,},{name: "PositionErrorCallback",value: 1,category: 4,},{name: "PositionError",value: 1,category: 4,},{name: "ProcessingInstruction",value: 1,category: 4,},{name: "RadioNodeList",value: 1,category: 4,},{name: "RTCDataChannel",value: 1,category: 4,},{name: "RTCPeerConnection",value: 1,category: 4,},{name: "RTCSessionDescription",value: 1,category: 4,},{name: "RTCIceCandidate",value: 1,category: 4,},{name: "RTCSessionDescriptionCallback",value: 1,category: 4,},{name: "RTCStatsCallback",value: 1,category: 4,},{name: "RTCStatsResponse",value: 1,category: 4,},{name: "RTCStatsReport",value: 1,category: 4,},{name: "RTCStatsElement",value: 1,category: 4,},{name: "ScriptProfile",value: 1,category: 4,},{name: "ScriptProfileNode",value: 1,category: 4,},{name: "SharedWorker",value: 1,category: 4,},{name: "AbstractWorker",value: 1,category: 4,},{name: "SharedWorkerContext",value: 1,category: 4,},{name: "SpeechGrammarList",value: 1,category: 4,},{name: "SpeechGrammar",value: 1,category: 4,},{name: "SpeechInputResultList",value: 1,category: 4,},{name: "SpeechInputResult",value: 1,category: 4,},{name: "SpeechRecognition",value: 1,category: 4,},{name: "SpeechRecognitionResult",value: 1,category: 4,},{name: "SpeechRecognitionAlternative",value: 1,category: 4,},{name: "SpeechRecognitionResultList",value: 1,category: 4,},{name: "SQLResultSet",value: 1,category: 4,},{name: "SQLResultSetRowList",value: 1,category: 4,},{name: "SQLStatementCallback",value: 1,category: 4,},{name: "SQLTransaction",value: 1,category: 4,},{name: "SQLStatementErrorCallback",value: 1,category: 4,},{name: "SQLTransactionErrorCallback",value: 1,category: 4,},{name: "SQLError",value: 1,category: 4,},{name: "SQLTransactionSync",value: 1,category: 4,},{name: "StorageInfo",value: 1,category: 4,},{name: "StorageInfoUsageCallback",value: 1,category: 4,},{name: "StorageInfoQuotaCallback",value: 1,category: 4,},{name: "StorageInfoErrorCallback",value: 1,category: 4,},{name: "DOMCoreException",value: 1,category: 4,},{name: "StyleSheetList",value: 1,category: 4,},{name: "SVGAElement",value: 1,category: 2,},{name: "SVGTransformable",value: 1,category: 2,},{name: "SVGAnimatedString",value: 1,category: 2,},{name: "SVGAltGlyphDefElement",value: 1,category: 2,},{name: "SVGElement",value: 3,category: 2,},{name: "SVGAltGlyphElement",value: 1,category: 2,},{name: "SVGURIReference",value: 1,category: 2,},{name: "SVGAltGlyphItemElement",value: 1,category: 2,},{name: "SVGAnimateColorElement",value: 1,category: 2,},{name: "SVGAnimationElement",value: 1,category: 2,},{name: "SVGAnimatedAngle",value: 1,category: 2,},{name: "SVGAngle",value: 1,category: 2,},{name: "SVGAnimatedLength",value: 1,category: 2,},{name: "SVGLength",value: 1,category: 2,},{name: "SVGAnimatedLengthList",value: 1,category: 2,},{name: "SVGLengthList",value: 1,category: 2,},{name: "SVGAnimatedNumberList",value: 1,category: 2,},{name: "SVGNumberList",value: 1,category: 2,},{name: "SVGAnimatedPreserveAspectRatio",value: 1,category: 2,},{name: "SVGPreserveAspectRatio",value: 1,category: 2,},{name: "SVGAnimatedRect",value: 1,category: 2,},{name: "SVGRect",value: 1,category: 2,},{name: "SVGAnimatedTransformList",value: 1,category: 2,},{name: "SVGTransformList",value: 1,category: 2,},{name: "SVGAnimateElement",value: 1,category: 2,},{name: "SVGAnimateMotionElement",value: 1,category: 2,},{name: "SVGAnimateTransformElement",value: 1,category: 2,},{name: "ElementTimeControl",value: 1,category: 4,},{name: "SVGCircleElement",value: 1,category: 2,},{name: "SVGClipPathElement",value: 1,category: 2,},{name: "SVGAnimatedEnumeration",value: 1,category: 2,},{name: "SVGColor",value: 1,category: 2,},{name: "SVGComponentTransferFunctionElement",value: 1,category: 2,},{name: "SVGAnimatedNumber",value: 1,category: 2,},{name: "SVGCursorElement",value: 1,category: 2,},{name: "SVGExternalResourcesRequired",value: 1,category: 2,},{name: "SVGDefsElement",value: 1,category: 2,},{name: "SVGDescElement",value: 1,category: 2,},{name: "SVGStylable",value: 1,category: 2,},{name: "SVGSVGElement",value: 1,category: 2,},{name: "SVGElementInstance",value: 1,category: 2,},{name: "EventTarget",value: 1,category: 4,},{name: "SVGElementInstanceList",value: 1,category: 2,},{name: "SVGUseElement",value: 1,category: 2,},{name: "SVGEllipseElement",value: 1,category: 2,},{name: "SVGAnimatedBoolean",value: 1,category: 2,},{name: "SVGFEBlendElement",value: 1,category: 2,},{name: "SVGFilterPrimitiveStandardAttributes",value: 1,category: 2,},{name: "SVGFEColorMatrixElement",value: 1,category: 2,},{name: "SVGFEComponentTransferElement",value: 1,category: 2,},{name: "SVGFECompositeElement",value: 1,category: 2,},{name: "SVGFEConvolveMatrixElement",value: 1,category: 2,},{name: "SVGAnimatedInteger",value: 1,category: 2,},{name: "SVGFEDiffuseLightingElement",value: 1,category: 2,},{name: "SVGFEDisplacementMapElement",value: 1,category: 2,},{name: "SVGFEDistantLightElement",value: 1,category: 2,},{name: "SVGFEDropShadowElement",value: 1,category: 2,},{name: "SVGFEFloodElement",value: 1,category: 2,},{name: "SVGFEFuncAElement",value: 1,category: 2,},{name: "SVGFEFuncBElement",value: 1,category: 2,},{name: "SVGFEFuncGElement",value: 1,category: 2,},{name: "SVGFEFuncRElement",value: 1,category: 2,},{name: "SVGFEGaussianBlurElement",value: 1,category: 2,},{name: "SVGFEImageElement",value: 1,category: 2,},{name: "SVGFEMergeElement",value: 1,category: 2,},{name: "SVGFEMergeNodeElement",value: 1,category: 2,},{name: "SVGFEMorphologyElement",value: 1,category: 2,},{name: "SVGFEOffsetElement",value: 1,category: 2,},{name: "SVGFEPointLightElement",value: 1,category: 2,},{name: "SVGFESpecularLightingElement",value: 1,category: 2,},{name: "SVGFESpotLightElement",value: 1,category: 2,},{name: "SVGFETileElement",value: 1,category: 2,},{name: "SVGFETurbulenceElement",value: 1,category: 2,},{name: "SVGFilterElement",value: 1,category: 2,},{name: "SVGFitToViewBox",value: 1,category: 2,},{name: "SVGFontElement",value: 1,category: 2,},{name: "SVGFontFaceElement",value: 1,category: 2,},{name: "SVGFontFaceFormatElement",value: 1,category: 2,},{name: "SVGFontFaceNameElement",value: 1,category: 2,},{name: "SVGFontFaceSrcElement",value: 1,category: 2,},{name: "SVGFontFaceUriElement",value: 1,category: 2,},{name: "SVGForeignObjectElement",value: 1,category: 2,},{name: "SVGGElement",value: 1,category: 2,},{name: "SVGGlyphElement",value: 1,category: 2,},{name: "SVGGlyphRefElement",value: 1,category: 2,},{name: "SVGGradientElement",value: 1,category: 2,},{name: "SVGHKernElement",value: 1,category: 2,},{name: "SVGImageElement",value: 1,category: 2,},{name: "SVGLinearGradientElement",value: 1,category: 2,},{name: "SVGLineElement",value: 1,category: 2,},{name: "SVGLocatable",value: 1,category: 2,},{name: "SVGMatrix",value: 1,category: 2,},{name: "SVGMarkerElement",value: 1,category: 2,},{name: "SVGMaskElement",value: 1,category: 2,},{name: "SVGMetadataElement",value: 1,category: 2,},{name: "SVGMissingGlyphElement",value: 1,category: 2,},{name: "SVGMPathElement",value: 1,category: 2,},{name: "SVGNumber",value: 1,category: 2,},{name: "SVGPaint",value: 1,category: 2,},{name: "SVGPathElement",value: 1,category: 2,},{name: "SVGPathSegList",value: 1,category: 2,},{name: "SVGPathSegArcAbs",value: 1,category: 2,},{name: "SVGPathSegArcRel",value: 1,category: 2,},{name: "SVGPathSegClosePath",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicRel",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicSmoothAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicSmoothRel",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticRel",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticSmoothAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticSmoothRel",value: 1,category: 2,},{name: "SVGPathSegLinetoAbs",value: 1,category: 2,},{name: "SVGPathSegLinetoHorizontalAbs",value: 1,category: 2,},{name: "SVGPathSegLinetoHorizontalRel",value: 1,category: 2,},{name: "SVGPathSegLinetoRel",value: 1,category: 2,},{name: "SVGPathSegLinetoVerticalAbs",value: 1,category: 2,},{name: "SVGPathSegLinetoVerticalRel",value: 1,category: 2,},{name: "SVGPathSegMovetoAbs",value: 1,category: 2,},{name: "SVGPathSegMovetoRel",value: 1,category: 2,},{name: "SVGPoint",value: 1,category: 2,},{name: "SVGPathSeg",value: 1,category: 2,},{name: "SVGPatternElement",value: 1,category: 2,},{name: "SVGPointList",value: 1,category: 2,},{name: "SVGPolygonElement",value: 1,category: 2,},{name: "SVGPolylineElement",value: 1,category: 2,},{name: "SVGRadialGradientElement",value: 1,category: 2,},{name: "SVGRectElement",value: 1,category: 2,},{name: "SVGScriptElement",value: 1,category: 2,},{name: "SVGSetElement",value: 1,category: 2,},{name: "SVGStopElement",value: 1,category: 2,},{name: "SVGStyleElement",value: 1,category: 2,},{name: "SVGLangSpace",value: 1,category: 2,},{name: "SVGZoomAndPan",value: 1,category: 2,},{name: "SVGViewSpec",value: 1,category: 2,},{name: "SVGTransform",value: 1,category: 2,},{name: "SVGSwitchElement",value: 1,category: 2,},{name: "SVGSymbolElement",value: 1,category: 2,},{name: "SVGTests",value: 1,category: 2,},{name: "SVGStringList",value: 1,category: 2,},{name: "SVGTextContentElement",value: 1,category: 2,},{name: "SVGTextElement",value: 1,category: 2,},{name: "SVGTextPathElement",value: 1,category: 2,},{name: "SVGTextPositioningElement",value: 1,category: 2,},{name: "SVGTitleElement",value: 1,category: 2,},{name: "SVGTRefElement",value: 1,category: 2,},{name: "SVGTSpanElement",value: 1,category: 2,},{name: "SVGViewElement",value: 1,category: 2,},{name: "SVGVKernElement",value: 1,category: 2,},{name: "TextTrackCueList",value: 1,category: 4,},{name: "TextTrackCue",value: 1,category: 4,},{name: "Touch",value: 1,category: 4,},{name: "TouchList",value: 1,category: 4,},{name: "TreeWalker",value: 1,category: 4,},{name: "Uint16Array",value: 1,category: 4,},{name: "Uint32Array",value: 1,category: 4,},{name: "Uint8ClampedArray",value: 1,category: 4,},{name: "WebGLRenderingContext",value: 3,category: 1,},{name: "WebGLProgram",value: 1,category: 1,},{name: "WebGLBuffer",value: 1,category: 1,},{name: "WebGLFramebuffer",value: 1,category: 1,},{name: "WebGLRenderbuffer",value: 1,category: 1,},{name: "WebGLTexture",value: 1,category: 1,},{name: "WebGLShader",value: 1,category: 1,},{name: "WebGLActiveInfo",value: 1,category: 1,},{name: "WebGLContextAttributes",value: 1,category: 1,},{name: "WebGLShaderPrecisionFormat",value: 1,category: 1,},{name: "WebGLUniformLocation",value: 1,category: 1,},{name: "WebKitAnimationList",value: 1,category: 4,},{name: "WebKitAnimation",value: 1,category: 4,},{name: "WebKitCSSFilterValue",value: 1,category: 4,},{name: "WebKitCSSKeyframeRule",value: 1,category: 4,},{name: "WebKitCSSKeyframesRule",value: 1,category: 4,},{name: "WebKitCSSMatrix",value: 1,category: 4,},{name: "WebKitCSSMixFunctionValue",value: 1,category: 4,},{name: "WebKitCSSTransformValue",value: 1,category: 4,},{name: "WebKitNamedFlow",value: 1,category: 4,},{name: "WebSocket",value: 1,category: 4,},{name: "Worker",value: 1,category: 4,},{name: "WorkerLocation",value: 1,category: 4,},{name: "WorkerNavigator",value: 1,category: 4,},{name: "XMLHttpRequest",value: 1,category: 4,},{name: "XMLHttpRequestUpload",value: 1,category: 4,},{name: "DOMFormData",value: 1,category: 4,},{name: "XPathEvaluator",value: 1,category: 4,},{name: "XPathExpression",value: 1,category: 4,},{name: "XPathNSResolver",value: 1,category: 4,},{name: "XPathResult",value: 1,category: 4,},{name: "XSLTProcessor",value: 1,category: 4,},],links: [{source: 0,target: 1,},{source: 0,target: 2,},{source: 0,target: 3,},{source: 4,target: 4,},{source: 5,target: 4,},{source: 6,target: 7,},{source: 6,target: 8,},{source: 9,target: 3,},{source: 10,target: 9,},{source: 11,target: 12,},{source: 11,target: 9,},{source: 11,target: 13,},{source: 11,target: 14,},{source: 15,target: 16,},{source: 15,target: 17,},{source: 15,target: 0,},{source: 15,target: 18,},{source: 15,target: 9,},{source: 15,target: 11,},{source: 15,target: 19,},{source: 15,target: 20,},{source: 15,target: 21,},{source: 15,target: 22,},{source: 15,target: 23,},{source: 15,target: 24,},{source: 15,target: 25,},{source: 15,target: 26,},{source: 15,target: 27,},{source: 15,target: 28,},{source: 15,target: 29,},{source: 15,target: 30,},{source: 15,target: 31,},{source: 15,target: 32,},{source: 15,target: 4,},{source: 16,target: 1,},{source: 13,target: 14,},{source: 1,target: 15,},{source: 1,target: 1,},{source: 1,target: 14,},{source: 14,target: 3,},{source: 12,target: 1,},{source: 18,target: 1,},{source: 18,target: 14,},{source: 18,target: 3,},{source: 33,target: 34,},{source: 35,target: 33,},{source: 35,target: 36,},{source: 35,target: 37,},{source: 35,target: 38,},{source: 35,target: 39,},{source: 35,target: 34,},{source: 35,target: 40,},{source: 35,target: 41,},{source: 42,target: 43,},{source: 19,target: 1,},{source: 20,target: 1,},{source: 44,target: 7,},{source: 45,target: 46,},{source: 47,target: 48,},{source: 47,target: 49,},{source: 47,target: 39,},{source: 50,target: 44,},{source: 51,target: 52,},{source: 21,target: 1,},{source: 21,target: 9,},{source: 53,target: 5,},{source: 54,target: 55,},{source: 56,target: 55,},{source: 56,target: 57,},{source: 58,target: 55,},{source: 58,target: 59,},{source: 58,target: 60,},{source: 61,target: 55,},{source: 61,target: 62,},{source: 61,target: 59,},{source: 63,target: 55,},{source: 63,target: 57,},{source: 64,target: 65,},{source: 64,target: 66,},{source: 64,target: 67,},{source: 64,target: 68,},{source: 55,target: 55,},{source: 55,target: 60,},{source: 62,target: 55,},{source: 57,target: 55,},{source: 57,target: 65,},{source: 69,target: 55,},{source: 69,target: 57,},{source: 60,target: 70,},{source: 60,target: 62,},{source: 60,target: 55,},{source: 71,target: 55,},{source: 72,target: 65,},{source: 73,target: 74,},{source: 75,target: 73,},{source: 75,target: 76,},{source: 76,target: 77,},{source: 78,target: 79,},{source: 78,target: 80,},{source: 49,target: 81,},{source: 49,target: 78,},{source: 82,target: 5,},{source: 83,target: 84,},{source: 22,target: 1,},{source: 22,target: 14,},{source: 85,target: 80,},{source: 85,target: 86,},{source: 85,target: 87,},{source: 88,target: 89,},{source: 88,target: 90,},{source: 88,target: 88,},{source: 88,target: 91,},{source: 86,target: 92,},{source: 90,target: 93,},{source: 94,target: 7,},{source: 94,target: 8,},{source: 94,target: 95,},{source: 96,target: 7,},{source: 96,target: 97,},{source: 98,target: 85,},{source: 99,target: 88,},{source: 100,target: 60,},{source: 100,target: 96,},{source: 100,target: 101,},{source: 102,target: 103,},{source: 104,target: 102,},{source: 103,target: 102,},{source: 105,target: 103,},{source: 106,target: 7,},{source: 106,target: 107,},{source: 108,target: 109,},{source: 23,target: 1,},{source: 23,target: 14,},{source: 8,target: 7,},{source: 8,target: 109,},{source: 8,target: 110,},{source: 8,target: 8,},{source: 8,target: 57,},{source: 8,target: 6,},{source: 8,target: 46,},{source: 8,target: 45,},{source: 8,target: 95,},{source: 8,target: 111,},{source: 112,target: 7,},{source: 113,target: 7,},{source: 92,target: 114,},{source: 80,target: 98,},{source: 80,target: 85,},{source: 80,target: 115,},{source: 80,target: 116,},{source: 80,target: 87,},{source: 114,target: 80,},{source: 93,target: 89,},{source: 116,target: 80,},{source: 89,target: 99,},{source: 89,target: 89,},{source: 89,target: 117,},{source: 89,target: 88,},{source: 118,target: 119,},{source: 120,target: 81,},{source: 121,target: 80,},{source: 121,target: 122,},{source: 121,target: 120,},{source: 91,target: 89,},{source: 91,target: 123,},{source: 91,target: 81,},{source: 48,target: 81,},{source: 124,target: 119,},{source: 125,target: 4,},{source: 126,target: 98,},{source: 127,target: 119,},{source: 122,target: 127,},{source: 3,target: 5,},{source: 3,target: 3,},{source: 128,target: 5,},{source: 128,target: 128,},{source: 24,target: 1,},{source: 24,target: 13,},{source: 129,target: 130,},{source: 131,target: 132,},{source: 133,target: 134,},{source: 135,target: 7,},{source: 135,target: 95,},{source: 136,target: 137,},{source: 138,target: 137,},{source: 139,target: 137,},{source: 140,target: 141,},{source: 142,target: 137,},{source: 143,target: 137,},{source: 144,target: 137,},{source: 145,target: 137,},{source: 146,target: 137,},{source: 146,target: 147,},{source: 146,target: 95,},{source: 146,target: 148,},{source: 34,target: 137,},{source: 149,target: 7,},{source: 150,target: 137,},{source: 150,target: 95,},{source: 151,target: 137,},{source: 151,target: 149,},{source: 152,target: 137,},{source: 153,target: 137,},{source: 154,target: 137,},{source: 155,target: 137,},{source: 101,target: 8,},{source: 101,target: 135,},{source: 101,target: 149,},{source: 137,target: 8,},{source: 137,target: 149,},{source: 156,target: 137,},{source: 156,target: 157,},{source: 158,target: 137,},{source: 158,target: 149,},{source: 158,target: 147,},{source: 158,target: 148,},{source: 159,target: 137,},{source: 160,target: 149,},{source: 160,target: 7,},{source: 147,target: 137,},{source: 147,target: 149,},{source: 161,target: 137,},{source: 161,target: 157,},{source: 162,target: 137,},{source: 163,target: 137,},{source: 164,target: 137,},{source: 165,target: 137,},{source: 166,target: 137,},{source: 167,target: 137,},{source: 167,target: 157,},{source: 39,target: 137,},{source: 168,target: 137,},{source: 168,target: 48,},{source: 168,target: 147,},{source: 168,target: 95,},{source: 168,target: 148,},{source: 168,target: 114,},{source: 169,target: 137,},{source: 169,target: 147,},{source: 169,target: 95,},{source: 169,target: 148,},{source: 170,target: 137,},{source: 170,target: 147,},{source: 171,target: 137,},{source: 171,target: 147,},{source: 172,target: 137,},{source: 173,target: 137,},{source: 173,target: 70,},{source: 173,target: 108,},{source: 174,target: 137,},{source: 174,target: 149,},{source: 175,target: 137,},{source: 141,target: 137,},{source: 141,target: 176,},{source: 141,target: 177,},{source: 141,target: 178,},{source: 141,target: 179,},{source: 141,target: 180,},{source: 181,target: 137,},{source: 182,target: 137,},{source: 183,target: 137,},{source: 183,target: 95,},{source: 184,target: 137,},{source: 185,target: 137,},{source: 185,target: 147,},{source: 185,target: 148,},{source: 185,target: 157,},{source: 186,target: 137,},{source: 187,target: 137,},{source: 188,target: 137,},{source: 188,target: 147,},{source: 189,target: 149,},{source: 189,target: 188,},{source: 189,target: 7,},{source: 190,target: 137,},{source: 190,target: 147,},{source: 190,target: 108,},{source: 190,target: 95,},{source: 190,target: 148,},{source: 191,target: 137,},{source: 192,target: 137,},{source: 193,target: 137,},{source: 194,target: 137,},{source: 194,target: 95,},{source: 195,target: 137,},{source: 196,target: 137,},{source: 197,target: 137,},{source: 197,target: 147,},{source: 197,target: 95,},{source: 197,target: 189,},{source: 197,target: 149,},{source: 197,target: 148,},{source: 197,target: 7,},{source: 198,target: 137,},{source: 199,target: 137,},{source: 200,target: 137,},{source: 201,target: 137,},{source: 201,target: 70,},{source: 202,target: 137,},{source: 203,target: 137,},{source: 204,target: 137,},{source: 205,target: 137,},{source: 205,target: 202,},{source: 205,target: 149,},{source: 205,target: 206,},{source: 207,target: 137,},{source: 207,target: 149,},{source: 206,target: 137,},{source: 206,target: 149,},{source: 208,target: 137,},{source: 208,target: 147,},{source: 208,target: 95,},{source: 208,target: 148,},{source: 209,target: 137,},{source: 210,target: 137,},{source: 210,target: 180,},{source: 211,target: 137,},{source: 212,target: 137,},{source: 40,target: 141,},{source: 213,target: 214,},{source: 213,target: 215,},{source: 213,target: 216,},{source: 217,target: 213,},{source: 218,target: 219,},{source: 218,target: 214,},{source: 218,target: 220,},{source: 218,target: 221,},{source: 222,target: 215,},{source: 222,target: 223,},{source: 222,target: 224,},{source: 222,target: 216,},{source: 225,target: 214,},{source: 225,target: 220,},{source: 225,target: 216,},{source: 226,target: 215,},{source: 226,target: 226,},{source: 220,target: 219,},{source: 220,target: 214,},{source: 220,target: 221,},{source: 220,target: 216,},{source: 220,target: 225,},{source: 224,target: 216,},{source: 216,target: 227,},{source: 216,target: 214,},{source: 216,target: 221,},{source: 221,target: 218,},{source: 221,target: 227,},{source: 221,target: 220,},{source: 223,target: 216,},{source: 228,target: 5,},{source: 228,target: 228,},{source: 229,target: 5,},{source: 229,target: 229,},{source: 230,target: 5,},{source: 230,target: 230,},{source: 231,target: 231,},{source: 232,target: 233,},{source: 234,target: 219,},{source: 177,target: 176,},{source: 25,target: 12,},{source: 25,target: 141,},{source: 235,target: 236,},{source: 236,target: 235,},{source: 237,target: 238,},{source: 237,target: 239,},{source: 233,target: 240,},{source: 26,target: 12,},{source: 26,target: 233,},{source: 27,target: 12,},{source: 27,target: 233,},{source: 241,target: 233,},{source: 240,target: 242,},{source: 243,target: 244,},{source: 115,target: 117,},{source: 245,target: 7,},{source: 246,target: 95,},{source: 246,target: 7,},{source: 97,target: 7,},{source: 247,target: 131,},{source: 247,target: 104,},{source: 247,target: 105,},{source: 247,target: 248,},{source: 247,target: 129,},{source: 249,target: 250,},{source: 251,target: 232,},{source: 7,target: 97,},{source: 7,target: 95,},{source: 7,target: 7,},{source: 7,target: 8,},{source: 252,target: 7,},{source: 253,target: 252,},{source: 253,target: 7,},{source: 95,target: 7,},{source: 254,target: 7,},{source: 255,target: 256,},{source: 257,target: 255,},{source: 257,target: 87,},{source: 258,target: 259,},{source: 28,target: 12,},{source: 28,target: 14,},{source: 28,target: 32,},{source: 29,target: 1,},{source: 260,target: 52,},{source: 260,target: 261,},{source: 260,target: 262,},{source: 132,target: 133,},{source: 263,target: 264,},{source: 265,target: 7,},{source: 265,target: 70,},{source: 266,target: 95,},{source: 107,target: 7,},{source: 107,target: 94,},{source: 107,target: 107,},{source: 107,target: 46,},{source: 107,target: 45,},{source: 68,target: 64,},{source: 67,target: 64,},{source: 267,target: 4,},{source: 267,target: 5,},{source: 268,target: 269,},{source: 268,target: 241,},{source: 268,target: 270,},{source: 268,target: 233,},{source: 268,target: 271,},{source: 268,target: 267,},{source: 268,target: 272,},{source: 271,target: 269,},{source: 272,target: 273,},{source: 274,target: 275,},{source: 30,target: 1,},{source: 276,target: 277,},{source: 111,target: 94,},{source: 111,target: 8,},{source: 111,target: 7,},{source: 111,target: 95,},{source: 111,target: 106,},{source: 278,target: 279,},{source: 278,target: 244,},{source: 280,target: 84,},{source: 239,target: 176,},{source: 239,target: 2,},{source: 238,target: 239,},{source: 281,target: 282,},{source: 283,target: 284,},{source: 285,target: 281,},{source: 286,target: 287,},{source: 288,target: 286,},{source: 289,target: 290,},{source: 291,target: 292,},{source: 293,target: 292,},{source: 74,target: 292,},{source: 294,target: 295,},{source: 296,target: 289,},{source: 77,target: 296,},{source: 297,target: 298,},{source: 297,target: 299,},{source: 300,target: 301,},{source: 70,target: 59,},{source: 70,target: 7,},{source: 70,target: 70,},{source: 302,target: 70,},{source: 303,target: 304,},{source: 303,target: 305,},{source: 306,target: 307,},{source: 308,target: 309,},{source: 310,target: 307,},{source: 311,target: 312,},{source: 313,target: 314,},{source: 315,target: 316,},{source: 317,target: 318,},{source: 319,target: 320,},{source: 321,target: 322,},{source: 323,target: 324,},{source: 325,target: 326,},{source: 327,target: 312,},{source: 328,target: 312,},{source: 329,target: 312,},{source: 312,target: 330,},{source: 312,target: 307,},{source: 331,target: 304,},{source: 331,target: 315,},{source: 332,target: 304,},{source: 332,target: 333,},{source: 334,target: 65,},{source: 334,target: 67,},{source: 335,target: 307,},{source: 335,target: 336,},{source: 335,target: 319,},{source: 335,target: 333,},{source: 337,target: 338,},{source: 337,target: 315,},{source: 339,target: 304,},{source: 340,target: 341,},{source: 157,target: 342,},{source: 307,target: 8,},{source: 307,target: 342,},{source: 307,target: 307,},{source: 343,target: 344,},{source: 343,target: 345,},{source: 343,target: 307,},{source: 343,target: 346,},{source: 343,target: 343,},{source: 345,target: 343,},{source: 347,target: 304,},{source: 347,target: 315,},{source: 338,target: 348,},{source: 349,target: 350,},{source: 349,target: 305,},{source: 349,target: 333,},{source: 351,target: 350,},{source: 351,target: 305,},{source: 351,target: 333,},{source: 351,target: 319,},{source: 352,target: 350,},{source: 352,target: 305,},{source: 353,target: 350,},{source: 353,target: 305,},{source: 353,target: 336,},{source: 353,target: 333,},{source: 354,target: 350,},{source: 354,target: 336,},{source: 354,target: 333,},{source: 354,target: 305,},{source: 354,target: 319,},{source: 354,target: 355,},{source: 354,target: 348,},{source: 356,target: 350,},{source: 356,target: 336,},{source: 356,target: 305,},{source: 357,target: 350,},{source: 357,target: 305,},{source: 357,target: 336,},{source: 357,target: 333,},{source: 358,target: 307,},{source: 358,target: 336,},{source: 359,target: 350,},{source: 359,target: 336,},{source: 359,target: 305,},{source: 360,target: 350,},{source: 361,target: 335,},{source: 362,target: 335,},{source: 363,target: 335,},{source: 364,target: 335,},{source: 365,target: 350,},{source: 365,target: 305,},{source: 365,target: 336,},{source: 366,target: 350,},{source: 366,target: 321,},{source: 367,target: 350,},{source: 368,target: 307,},{source: 368,target: 305,},{source: 369,target: 350,},{source: 369,target: 305,},{source: 369,target: 333,},{source: 369,target: 336,},{source: 370,target: 350,},{source: 370,target: 336,},{source: 370,target: 305,},{source: 371,target: 307,},{source: 371,target: 336,},{source: 372,target: 350,},{source: 372,target: 305,},{source: 372,target: 336,},{source: 373,target: 307,},{source: 373,target: 336,},{source: 374,target: 350,},{source: 374,target: 305,},{source: 375,target: 350,},{source: 375,target: 336,},{source: 375,target: 355,},{source: 375,target: 333,},{source: 376,target: 341,},{source: 376,target: 355,},{source: 376,target: 333,},{source: 376,target: 315,},{source: 350,target: 341,},{source: 350,target: 315,},{source: 350,target: 305,},{source: 377,target: 321,},{source: 377,target: 323,},{source: 378,target: 307,},{source: 379,target: 307,},{source: 380,target: 307,},{source: 381,target: 307,},{source: 382,target: 307,},{source: 383,target: 307,},{source: 384,target: 304,},{source: 384,target: 315,},{source: 385,target: 304,},{source: 386,target: 307,},{source: 387,target: 341,},{source: 388,target: 341,},{source: 388,target: 325,},{source: 388,target: 333,},{source: 389,target: 307,},{source: 390,target: 304,},{source: 390,target: 315,},{source: 390,target: 321,},{source: 318,target: 316,},{source: 391,target: 388,},{source: 391,target: 315,},{source: 392,target: 304,},{source: 392,target: 315,},{source: 393,target: 307,},{source: 393,target: 324,},{source: 393,target: 394,},{source: 395,target: 377,},{source: 395,target: 315,},{source: 395,target: 333,},{source: 395,target: 313,},{source: 395,target: 314,},{source: 396,target: 341,},{source: 396,target: 315,},{source: 396,target: 333,},{source: 394,target: 394,},{source: 397,target: 307,},{source: 398,target: 307,},{source: 399,target: 338,},{source: 320,target: 400,},{source: 401,target: 334,},{source: 402,target: 304,},{source: 402,target: 403,},{source: 402,target: 336,},{source: 402,target: 404,},{source: 402,target: 405,},{source: 402,target: 406,},{source: 402,target: 407,},{source: 402,target: 408,},{source: 402,target: 409,},{source: 402,target: 410,},{source: 402,target: 411,},{source: 402,target: 412,},{source: 402,target: 413,},{source: 402,target: 414,},{source: 402,target: 415,},{source: 402,target: 416,},{source: 402,target: 417,},{source: 402,target: 418,},{source: 402,target: 419,},{source: 402,target: 420,},{source: 402,target: 421,},{source: 402,target: 422,},{source: 402,target: 423,},{source: 404,target: 424,},{source: 405,target: 424,},{source: 406,target: 424,},{source: 407,target: 424,},{source: 408,target: 424,},{source: 409,target: 424,},{source: 410,target: 424,},{source: 411,target: 424,},{source: 412,target: 424,},{source: 413,target: 424,},{source: 414,target: 424,},{source: 415,target: 424,},{source: 416,target: 424,},{source: 417,target: 424,},{source: 418,target: 424,},{source: 419,target: 424,},{source: 420,target: 424,},{source: 403,target: 424,},{source: 421,target: 424,},{source: 422,target: 424,},{source: 425,target: 377,},{source: 425,target: 315,},{source: 425,target: 333,},{source: 425,target: 325,},{source: 423,target: 423,},{source: 426,target: 423,},{source: 427,target: 304,},{source: 427,target: 426,},{source: 428,target: 304,},{source: 428,target: 426,},{source: 429,target: 388,},{source: 429,target: 315,},{source: 430,target: 304,},{source: 430,target: 315,},{source: 431,target: 338,},{source: 432,target: 312,},{source: 433,target: 341,},{source: 433,target: 336,},{source: 341,target: 305,},{source: 341,target: 57,},{source: 341,target: 65,},{source: 434,target: 435,},{source: 342,target: 436,},{source: 342,target: 423,},{source: 342,target: 437,},{source: 342,target: 315,},{source: 342,target: 324,},{source: 342,target: 307,},{source: 342,target: 314,},{source: 342,target: 316,},{source: 342,target: 394,},{source: 342,target: 400,},{source: 342,target: 438,},{source: 342,target: 8,},{source: 342,target: 95,},{source: 439,target: 304,},{source: 440,target: 377,},{source: 441,target: 442,},{source: 443,target: 341,},{source: 443,target: 333,},{source: 443,target: 315,},{source: 443,target: 423,},{source: 443,target: 324,},{source: 444,target: 304,},{source: 445,target: 309,},{source: 445,target: 333,},{source: 445,target: 315,},{source: 446,target: 443,},{source: 446,target: 317,},{source: 446,target: 319,},{source: 447,target: 341,},{source: 438,target: 394,},{source: 304,target: 393,},{source: 304,target: 325,},{source: 326,target: 438,},{source: 448,target: 309,},{source: 449,target: 446,},{source: 309,target: 305,},{source: 346,target: 304,},{source: 346,target: 343,},{source: 346,target: 315,},{source: 450,target: 436,},{source: 450,target: 442,},{source: 437,target: 321,},{source: 437,target: 326,},{source: 437,target: 323,},{source: 437,target: 307,},{source: 451,target: 307,},{source: 43,target: 44,},{source: 43,target: 43,},{source: 180,target: 452,},{source: 180,target: 453,},{source: 453,target: 180,},{source: 453,target: 94,},{source: 452,target: 453,},{source: 179,target: 180,},{source: 454,target: 344,},{source: 455,target: 454,},{source: 456,target: 7,},{source: 456,target: 252,},{source: 457,target: 5,},{source: 457,target: 457,},{source: 458,target: 5,},{source: 458,target: 458,},{source: 2,target: 5,},{source: 2,target: 2,},{source: 459,target: 2,},{source: 459,target: 459,},{source: 31,target: 1,},{source: 31,target: 3,},{source: 460,target: 33,},{source: 460,target: 461,},{source: 460,target: 462,},{source: 460,target: 463,},{source: 460,target: 464,},{source: 460,target: 465,},{source: 460,target: 4,},{source: 460,target: 5,},{source: 460,target: 466,},{source: 460,target: 467,},{source: 460,target: 468,},{source: 460,target: 469,},{source: 460,target: 470,},{source: 460,target: 36,},{source: 460,target: 39,},{source: 460,target: 34,},{source: 460,target: 40,},{source: 460,target: 3,},{source: 471,target: 472,},{source: 473,target: 72,},{source: 474,target: 55,},{source: 474,target: 57,},{source: 475,target: 55,},{source: 475,target: 62,},{source: 475,target: 474,},{source: 476,target: 476,},{source: 477,target: 72,},{source: 478,target: 72,},{source: 479,target: 95,},{source: 480,target: 4,},{source: 480,target: 5,},{source: 481,target: 279,},{source: 84,target: 222,},{source: 84,target: 482,},{source: 84,target: 483,},{source: 84,target: 84,},{source: 84,target: 257,},{source: 84,target: 73,},{source: 84,target: 76,},{source: 84,target: 126,},{source: 84,target: 99,},{source: 84,target: 89,},{source: 484,target: 485,},{source: 484,target: 4,},{source: 484,target: 5,},{source: 484,target: 486,},{source: 487,target: 488,},{source: 487,target: 489,},{source: 487,target: 490,},{source: 488,target: 490,},{source: 490,target: 7,},{source: 491,target: 7,},{source: 491,target: 94,},],},
同时定义了一个myChart1变量用来放置echarts的容器。
methods
然后我们再methods中定义个方法去用来echarts绘图
methods: {init() {var webkitDep = this.webkitDep;console.log(webkitDep.nodes);this.myChart1 = this.$echarts.init(document.getElementById("chart1"));let option = {legend: {data: ["HTMLElement", "WebGL", "SVG", "CSS", "Other"],},series: [{type: "graph",layout: "force",animation: false,label: {position: "right",formatter: "{b}",},draggable: true,data: webkitDep.nodes.map(function (node, idx) {node.id = idx;return node;}),categories: webkitDep.categories,force: {edgeLength: 5,repulsion: 20,gravity: 0.2,},edges: webkitDep.links,},],};this.myChart1.setOption(option);},},
mounted
最后我们在mounted生命周期中加载力引导布局图。
mounted() {this.init();},
完整代码
这里附上完整代码。
<template><div class="connection"><div id="chart1" style="width=90vw; height:90vh;"></div></div>
</template><script>
export default {data() {return {myChart1: null,webkitDep: {type: "force",categories: [{name: "HTMLElement",keyword: {},base: "HTMLElement",},{name: "WebGL",keyword: {},base: "WebGLRenderingContext",},{name: "SVG",keyword: {},base: "SVGElement",},{name: "CSS",keyword: {},base: "CSSRule",},{name: "Other",keyword: {},},],nodes: [{name: "AnalyserNode",value: 1,category: 4,},{name: "AudioNode",value: 1,category: 4,},{name: "Uint8Array",value: 1,category: 4,},{name: "Float32Array",value: 1,category: 4,},{name: "ArrayBuffer",value: 1,category: 4,},{name: "ArrayBufferView",value: 1,category: 4,},{name: "Attr",value: 1,category: 4,},{name: "Node",value: 1,category: 4,},{name: "Element",value: 1,category: 4,},{name: "AudioBuffer",value: 1,category: 4,},{name: "AudioBufferCallback",value: 1,category: 4,},{name: "AudioBufferSourceNode",value: 1,category: 4,},{name: "AudioSourceNode",value: 1,category: 4,},{name: "AudioGain",value: 1,category: 4,},{name: "AudioParam",value: 1,category: 4,},{name: "AudioContext",value: 1,category: 4,},{name: "AudioDestinationNode",value: 1,category: 4,},{name: "AudioListener",value: 1,category: 4,},{name: "BiquadFilterNode",value: 1,category: 4,},{name: "ChannelMergerNode",value: 1,category: 4,},{name: "ChannelSplitterNode",value: 1,category: 4,},{name: "ConvolverNode",value: 1,category: 4,},{name: "DelayNode",value: 1,category: 4,},{name: "DynamicsCompressorNode",value: 1,category: 4,},{name: "GainNode",value: 1,category: 4,},{name: "MediaElementAudioSourceNode",value: 1,category: 4,},{name: "MediaStreamAudioDestinationNode",value: 1,category: 4,},{name: "MediaStreamAudioSourceNode",value: 1,category: 4,},{name: "OscillatorNode",value: 1,category: 4,},{name: "PannerNode",value: 1,category: 4,},{name: "ScriptProcessorNode",value: 1,category: 4,},{name: "WaveShaperNode",value: 1,category: 4,},{name: "WaveTable",value: 1,category: 4,},{name: "CanvasRenderingContext",value: 1,category: 4,},{name: "HTMLCanvasElement",value: 1,category: 0,},{name: "CanvasRenderingContext2D",value: 1,category: 4,},{name: "ImageData",value: 1,category: 4,},{name: "CanvasGradient",value: 1,category: 4,},{name: "CanvasPattern",value: 1,category: 4,},{name: "HTMLImageElement",value: 1,category: 0,},{name: "HTMLVideoElement",value: 1,category: 0,},{name: "TextMetrics",value: 1,category: 4,},{name: "CDATASection",value: 1,category: 4,},{name: "Text",value: 1,category: 4,},{name: "CharacterData",value: 1,category: 4,},{name: "ClientRectList",value: 1,category: 4,},{name: "ClientRect",value: 1,category: 4,},{name: "Clipboard",value: 1,category: 4,},{name: "FileList",value: 1,category: 4,},{name: "DataTransferItemList",value: 1,category: 4,},{name: "Comment",value: 1,category: 4,},{name: "Console",value: 1,category: 4,},{name: "MemoryInfo",value: 1,category: 4,},{name: "Crypto",value: 1,category: 4,},{name: "CSSCharsetRule",value: 1,category: 3,},{name: "CSSRule",value: 3,category: 3,},{name: "CSSFontFaceRule",value: 1,category: 3,},{name: "CSSStyleDeclaration",value: 1,category: 3,},{name: "CSSImportRule",value: 1,category: 3,},{name: "MediaList",value: 1,category: 4,},{name: "CSSStyleSheet",value: 1,category: 3,},{name: "CSSMediaRule",value: 1,category: 3,},{name: "CSSRuleList",value: 1,category: 3,},{name: "CSSPageRule",value: 1,category: 3,},{name: "CSSPrimitiveValue",value: 1,category: 3,},{name: "CSSValue",value: 1,category: 3,},{name: "Counter",value: 1,category: 4,},{name: "RGBColor",value: 1,category: 4,},{name: "Rect",value: 1,category: 4,},{name: "CSSStyleRule",value: 1,category: 3,},{name: "StyleSheet",value: 1,category: 4,},{name: "CSSUnknownRule",value: 1,category: 3,},{name: "CSSValueList",value: 1,category: 3,},{name: "Database",value: 1,category: 4,},{name: "SQLTransactionCallback",value: 1,category: 4,},{name: "DatabaseCallback",value: 1,category: 4,},{name: "DatabaseSync",value: 1,category: 4,},{name: "SQLTransactionSyncCallback",value: 1,category: 4,},{name: "DataTransferItem",value: 1,category: 4,},{name: "StringCallback",value: 1,category: 4,},{name: "Entry",value: 1,category: 4,},{name: "File",value: 1,category: 4,},{name: "DataView",value: 1,category: 4,},{name: "DedicatedWorkerContext",value: 1,category: 4,},{name: "WorkerContext",value: 1,category: 4,},{name: "DirectoryEntry",value: 1,category: 4,},{name: "DirectoryReader",value: 1,category: 4,},{name: "VoidCallback",value: 1,category: 4,},{name: "DirectoryEntrySync",value: 1,category: 4,},{name: "EntrySync",value: 1,category: 4,},{name: "DirectoryReaderSync",value: 1,category: 4,},{name: "FileEntrySync",value: 1,category: 4,},{name: "EntriesCallback",value: 1,category: 4,},{name: "EntryArraySync",value: 1,category: 4,},{name: "DocumentFragment",value: 1,category: 4,},{name: "NodeList",value: 1,category: 4,},{name: "DocumentType",value: 1,category: 4,},{name: "NamedNodeMap",value: 1,category: 4,},{name: "DOMFileSystem",value: 1,category: 4,},{name: "DOMFileSystemSync",value: 1,category: 4,},{name: "DOMImplementation",value: 1,category: 4,},{name: "HTMLDocument",value: 1,category: 0,},{name: "DOMMimeType",value: 1,category: 4,},{name: "DOMPlugin",value: 1,category: 4,},{name: "DOMMimeTypeArray",value: 1,category: 4,},{name: "DOMPluginArray",value: 1,category: 4,},{name: "DOMSelection",value: 1,category: 4,},{name: "Range",value: 1,category: 4,},{name: "DOMSettableTokenList",value: 1,category: 4,},{name: "DOMTokenList",value: 1,category: 4,},{name: "DOMStringMap",value: 1,category: 4,},{name: "ShadowRoot",value: 1,category: 4,},{name: "Entity",value: 1,category: 4,},{name: "EntityReference",value: 1,category: 4,},{name: "EntryArray",value: 1,category: 4,},{name: "MetadataCallback",value: 1,category: 4,},{name: "EntryCallback",value: 1,category: 4,},{name: "Metadata",value: 1,category: 4,},{name: "ErrorCallback",value: 1,category: 4,},{name: "FileError",value: 1,category: 4,},{name: "FileCallback",value: 1,category: 4,},{name: "FileEntry",value: 1,category: 4,},{name: "FileWriterCallback",value: 1,category: 4,},{name: "FileWriterSync",value: 1,category: 4,},{name: "FileReader",value: 1,category: 4,},{name: "FileReaderSync",value: 1,category: 4,},{name: "FileSystemCallback",value: 1,category: 4,},{name: "FileWriter",value: 1,category: 4,},{name: "Float64Array",value: 1,category: 4,},{name: "GamepadList",value: 1,category: 4,},{name: "Gamepad",value: 1,category: 4,},{name: "Geolocation",value: 1,category: 4,},{name: "PositionCallback",value: 1,category: 4,},{name: "Geoposition",value: 1,category: 4,},{name: "Coordinates",value: 1,category: 4,},{name: "HTMLAllCollection",value: 1,category: 0,},{name: "HTMLAnchorElement",value: 1,category: 0,},{name: "HTMLElement",value: 3,category: 0,},{name: "HTMLAppletElement",value: 1,category: 0,},{name: "HTMLAreaElement",value: 1,category: 0,},{name: "HTMLAudioElement",value: 1,category: 0,},{name: "HTMLMediaElement",value: 1,category: 0,},{name: "HTMLBaseElement",value: 1,category: 0,},{name: "HTMLBaseFontElement",value: 1,category: 0,},{name: "HTMLBodyElement",value: 1,category: 0,},{name: "HTMLBRElement",value: 1,category: 0,},{name: "HTMLButtonElement",value: 1,category: 0,},{name: "HTMLFormElement",value: 1,category: 0,},{name: "ValidityState",value: 1,category: 4,},{name: "HTMLCollection",value: 1,category: 0,},{name: "HTMLContentElement",value: 1,category: 0,},{name: "HTMLDataListElement",value: 1,category: 0,},{name: "HTMLDetailsElement",value: 1,category: 0,},{name: "HTMLDirectoryElement",value: 1,category: 0,},{name: "HTMLDivElement",value: 1,category: 0,},{name: "HTMLDListElement",value: 1,category: 0,},{name: "HTMLEmbedElement",value: 1,category: 0,},{name: "SVGDocument",value: 1,category: 2,},{name: "HTMLFieldSetElement",value: 1,category: 0,},{name: "HTMLFontElement",value: 1,category: 0,},{name: "HTMLFormControlsCollection",value: 1,category: 0,},{name: "HTMLFrameElement",value: 1,category: 0,},{name: "HTMLFrameSetElement",value: 1,category: 0,},{name: "HTMLHeadElement",value: 1,category: 0,},{name: "HTMLHeadingElement",value: 1,category: 0,},{name: "HTMLHRElement",value: 1,category: 0,},{name: "HTMLHtmlElement",value: 1,category: 0,},{name: "HTMLIFrameElement",value: 1,category: 0,},{name: "HTMLInputElement",value: 1,category: 0,},{name: "HTMLKeygenElement",value: 1,category: 0,},{name: "HTMLLabelElement",value: 1,category: 0,},{name: "HTMLLegendElement",value: 1,category: 0,},{name: "HTMLLIElement",value: 1,category: 0,},{name: "HTMLLinkElement",value: 1,category: 0,},{name: "HTMLMapElement",value: 1,category: 0,},{name: "HTMLMarqueeElement",value: 1,category: 0,},{name: "TimeRanges",value: 1,category: 4,},{name: "MediaController",value: 1,category: 4,},{name: "MediaError",value: 1,category: 4,},{name: "TextTrackList",value: 1,category: 4,},{name: "TextTrack",value: 1,category: 4,},{name: "HTMLMenuElement",value: 1,category: 0,},{name: "HTMLMetaElement",value: 1,category: 0,},{name: "HTMLMeterElement",value: 1,category: 0,},{name: "HTMLModElement",value: 1,category: 0,},{name: "HTMLObjectElement",value: 1,category: 0,},{name: "HTMLOListElement",value: 1,category: 0,},{name: "HTMLOptGroupElement",value: 1,category: 0,},{name: "HTMLOptionElement",value: 1,category: 0,},{name: "HTMLOptionsCollection",value: 1,category: 0,},{name: "HTMLOutputElement",value: 1,category: 0,},{name: "HTMLParagraphElement",value: 1,category: 0,},{name: "HTMLParamElement",value: 1,category: 0,},{name: "HTMLPreElement",value: 1,category: 0,},{name: "HTMLProgressElement",value: 1,category: 0,},{name: "HTMLQuoteElement",value: 1,category: 0,},{name: "HTMLScriptElement",value: 1,category: 0,},{name: "HTMLSelectElement",value: 1,category: 0,},{name: "HTMLShadowElement",value: 1,category: 0,},{name: "HTMLSourceElement",value: 1,category: 0,},{name: "HTMLSpanElement",value: 1,category: 0,},{name: "HTMLStyleElement",value: 1,category: 0,},{name: "HTMLTableCaptionElement",value: 1,category: 0,},{name: "HTMLTableCellElement",value: 1,category: 0,},{name: "HTMLTableColElement",value: 1,category: 0,},{name: "HTMLTableElement",value: 1,category: 0,},{name: "HTMLTableSectionElement",value: 1,category: 0,},{name: "HTMLTableRowElement",value: 1,category: 0,},{name: "HTMLTextAreaElement",value: 1,category: 0,},{name: "HTMLTitleElement",value: 1,category: 0,},{name: "HTMLTrackElement",value: 1,category: 0,},{name: "HTMLUListElement",value: 1,category: 0,},{name: "HTMLUnknownElement",value: 1,category: 0,},{name: "IDBCursor",value: 1,category: 4,},{name: "IDBAny",value: 1,category: 4,},{name: "IDBKey",value: 1,category: 4,},{name: "IDBRequest",value: 1,category: 4,},{name: "IDBCursorWithValue",value: 1,category: 4,},{name: "IDBDatabase",value: 1,category: 4,},{name: "DOMStringList",value: 1,category: 4,},{name: "IDBObjectStore",value: 1,category: 4,},{name: "IDBTransaction",value: 1,category: 4,},{name: "IDBFactory",value: 1,category: 4,},{name: "IDBVersionChangeRequest",value: 1,category: 4,},{name: "IDBOpenDBRequest",value: 1,category: 4,},{name: "IDBIndex",value: 1,category: 4,},{name: "IDBKeyRange",value: 1,category: 4,},{name: "DOMError",value: 1,category: 4,},{name: "Int16Array",value: 1,category: 4,},{name: "Int32Array",value: 1,category: 4,},{name: "Int8Array",value: 1,category: 4,},{name: "JavaScriptCallFrame",value: 1,category: 4,},{name: "LocalMediaStream",value: 1,category: 4,},{name: "MediaStream",value: 1,category: 4,},{name: "Location",value: 1,category: 4,},{name: "MediaQueryList",value: 1,category: 4,},{name: "MediaQueryListListener",value: 1,category: 4,},{name: "MediaSource",value: 1,category: 4,},{name: "SourceBufferList",value: 1,category: 4,},{name: "SourceBuffer",value: 1,category: 4,},{name: "MediaStreamTrackList",value: 1,category: 4,},{name: "MediaStreamList",value: 1,category: 4,},{name: "MediaStreamTrack",value: 1,category: 4,},{name: "MessageChannel",value: 1,category: 4,},{name: "MessagePort",value: 1,category: 4,},{name: "MutationObserver",value: 1,category: 4,},{name: "MutationRecord",value: 1,category: 4,},{name: "Navigator",value: 1,category: 4,},{name: "BatteryManager",value: 1,category: 4,},{name: "NavigatorUserMediaErrorCallback",value: 1,category: 4,},{name: "NavigatorUserMediaError",value: 1,category: 4,},{name: "NavigatorUserMediaSuccessCallback",value: 1,category: 4,},{name: "NodeFilter",value: 1,category: 4,},{name: "NodeIterator",value: 1,category: 4,},{name: "Notation",value: 1,category: 4,},{name: "Notification",value: 1,category: 4,},{name: "NotificationPermissionCallback",value: 1,category: 4,},{name: "NotificationCenter",value: 1,category: 4,},{name: "OESVertexArrayObject",value: 1,category: 4,},{name: "WebGLVertexArrayObjectOES",value: 1,category: 1,},{name: "Performance",value: 1,category: 4,},{name: "PerformanceNavigation",value: 1,category: 4,},{name: "PerformanceTiming",value: 1,category: 4,},{name: "PositionErrorCallback",value: 1,category: 4,},{name: "PositionError",value: 1,category: 4,},{name: "ProcessingInstruction",value: 1,category: 4,},{name: "RadioNodeList",value: 1,category: 4,},{name: "RTCDataChannel",value: 1,category: 4,},{name: "RTCPeerConnection",value: 1,category: 4,},{name: "RTCSessionDescription",value: 1,category: 4,},{name: "RTCIceCandidate",value: 1,category: 4,},{name: "RTCSessionDescriptionCallback",value: 1,category: 4,},{name: "RTCStatsCallback",value: 1,category: 4,},{name: "RTCStatsResponse",value: 1,category: 4,},{name: "RTCStatsReport",value: 1,category: 4,},{name: "RTCStatsElement",value: 1,category: 4,},{name: "ScriptProfile",value: 1,category: 4,},{name: "ScriptProfileNode",value: 1,category: 4,},{name: "SharedWorker",value: 1,category: 4,},{name: "AbstractWorker",value: 1,category: 4,},{name: "SharedWorkerContext",value: 1,category: 4,},{name: "SpeechGrammarList",value: 1,category: 4,},{name: "SpeechGrammar",value: 1,category: 4,},{name: "SpeechInputResultList",value: 1,category: 4,},{name: "SpeechInputResult",value: 1,category: 4,},{name: "SpeechRecognition",value: 1,category: 4,},{name: "SpeechRecognitionResult",value: 1,category: 4,},{name: "SpeechRecognitionAlternative",value: 1,category: 4,},{name: "SpeechRecognitionResultList",value: 1,category: 4,},{name: "SQLResultSet",value: 1,category: 4,},{name: "SQLResultSetRowList",value: 1,category: 4,},{name: "SQLStatementCallback",value: 1,category: 4,},{name: "SQLTransaction",value: 1,category: 4,},{name: "SQLStatementErrorCallback",value: 1,category: 4,},{name: "SQLTransactionErrorCallback",value: 1,category: 4,},{name: "SQLError",value: 1,category: 4,},{name: "SQLTransactionSync",value: 1,category: 4,},{name: "StorageInfo",value: 1,category: 4,},{name: "StorageInfoUsageCallback",value: 1,category: 4,},{name: "StorageInfoQuotaCallback",value: 1,category: 4,},{name: "StorageInfoErrorCallback",value: 1,category: 4,},{name: "DOMCoreException",value: 1,category: 4,},{name: "StyleSheetList",value: 1,category: 4,},{name: "SVGAElement",value: 1,category: 2,},{name: "SVGTransformable",value: 1,category: 2,},{name: "SVGAnimatedString",value: 1,category: 2,},{name: "SVGAltGlyphDefElement",value: 1,category: 2,},{name: "SVGElement",value: 3,category: 2,},{name: "SVGAltGlyphElement",value: 1,category: 2,},{name: "SVGURIReference",value: 1,category: 2,},{name: "SVGAltGlyphItemElement",value: 1,category: 2,},{name: "SVGAnimateColorElement",value: 1,category: 2,},{name: "SVGAnimationElement",value: 1,category: 2,},{name: "SVGAnimatedAngle",value: 1,category: 2,},{name: "SVGAngle",value: 1,category: 2,},{name: "SVGAnimatedLength",value: 1,category: 2,},{name: "SVGLength",value: 1,category: 2,},{name: "SVGAnimatedLengthList",value: 1,category: 2,},{name: "SVGLengthList",value: 1,category: 2,},{name: "SVGAnimatedNumberList",value: 1,category: 2,},{name: "SVGNumberList",value: 1,category: 2,},{name: "SVGAnimatedPreserveAspectRatio",value: 1,category: 2,},{name: "SVGPreserveAspectRatio",value: 1,category: 2,},{name: "SVGAnimatedRect",value: 1,category: 2,},{name: "SVGRect",value: 1,category: 2,},{name: "SVGAnimatedTransformList",value: 1,category: 2,},{name: "SVGTransformList",value: 1,category: 2,},{name: "SVGAnimateElement",value: 1,category: 2,},{name: "SVGAnimateMotionElement",value: 1,category: 2,},{name: "SVGAnimateTransformElement",value: 1,category: 2,},{name: "ElementTimeControl",value: 1,category: 4,},{name: "SVGCircleElement",value: 1,category: 2,},{name: "SVGClipPathElement",value: 1,category: 2,},{name: "SVGAnimatedEnumeration",value: 1,category: 2,},{name: "SVGColor",value: 1,category: 2,},{name: "SVGComponentTransferFunctionElement",value: 1,category: 2,},{name: "SVGAnimatedNumber",value: 1,category: 2,},{name: "SVGCursorElement",value: 1,category: 2,},{name: "SVGExternalResourcesRequired",value: 1,category: 2,},{name: "SVGDefsElement",value: 1,category: 2,},{name: "SVGDescElement",value: 1,category: 2,},{name: "SVGStylable",value: 1,category: 2,},{name: "SVGSVGElement",value: 1,category: 2,},{name: "SVGElementInstance",value: 1,category: 2,},{name: "EventTarget",value: 1,category: 4,},{name: "SVGElementInstanceList",value: 1,category: 2,},{name: "SVGUseElement",value: 1,category: 2,},{name: "SVGEllipseElement",value: 1,category: 2,},{name: "SVGAnimatedBoolean",value: 1,category: 2,},{name: "SVGFEBlendElement",value: 1,category: 2,},{name: "SVGFilterPrimitiveStandardAttributes",value: 1,category: 2,},{name: "SVGFEColorMatrixElement",value: 1,category: 2,},{name: "SVGFEComponentTransferElement",value: 1,category: 2,},{name: "SVGFECompositeElement",value: 1,category: 2,},{name: "SVGFEConvolveMatrixElement",value: 1,category: 2,},{name: "SVGAnimatedInteger",value: 1,category: 2,},{name: "SVGFEDiffuseLightingElement",value: 1,category: 2,},{name: "SVGFEDisplacementMapElement",value: 1,category: 2,},{name: "SVGFEDistantLightElement",value: 1,category: 2,},{name: "SVGFEDropShadowElement",value: 1,category: 2,},{name: "SVGFEFloodElement",value: 1,category: 2,},{name: "SVGFEFuncAElement",value: 1,category: 2,},{name: "SVGFEFuncBElement",value: 1,category: 2,},{name: "SVGFEFuncGElement",value: 1,category: 2,},{name: "SVGFEFuncRElement",value: 1,category: 2,},{name: "SVGFEGaussianBlurElement",value: 1,category: 2,},{name: "SVGFEImageElement",value: 1,category: 2,},{name: "SVGFEMergeElement",value: 1,category: 2,},{name: "SVGFEMergeNodeElement",value: 1,category: 2,},{name: "SVGFEMorphologyElement",value: 1,category: 2,},{name: "SVGFEOffsetElement",value: 1,category: 2,},{name: "SVGFEPointLightElement",value: 1,category: 2,},{name: "SVGFESpecularLightingElement",value: 1,category: 2,},{name: "SVGFESpotLightElement",value: 1,category: 2,},{name: "SVGFETileElement",value: 1,category: 2,},{name: "SVGFETurbulenceElement",value: 1,category: 2,},{name: "SVGFilterElement",value: 1,category: 2,},{name: "SVGFitToViewBox",value: 1,category: 2,},{name: "SVGFontElement",value: 1,category: 2,},{name: "SVGFontFaceElement",value: 1,category: 2,},{name: "SVGFontFaceFormatElement",value: 1,category: 2,},{name: "SVGFontFaceNameElement",value: 1,category: 2,},{name: "SVGFontFaceSrcElement",value: 1,category: 2,},{name: "SVGFontFaceUriElement",value: 1,category: 2,},{name: "SVGForeignObjectElement",value: 1,category: 2,},{name: "SVGGElement",value: 1,category: 2,},{name: "SVGGlyphElement",value: 1,category: 2,},{name: "SVGGlyphRefElement",value: 1,category: 2,},{name: "SVGGradientElement",value: 1,category: 2,},{name: "SVGHKernElement",value: 1,category: 2,},{name: "SVGImageElement",value: 1,category: 2,},{name: "SVGLinearGradientElement",value: 1,category: 2,},{name: "SVGLineElement",value: 1,category: 2,},{name: "SVGLocatable",value: 1,category: 2,},{name: "SVGMatrix",value: 1,category: 2,},{name: "SVGMarkerElement",value: 1,category: 2,},{name: "SVGMaskElement",value: 1,category: 2,},{name: "SVGMetadataElement",value: 1,category: 2,},{name: "SVGMissingGlyphElement",value: 1,category: 2,},{name: "SVGMPathElement",value: 1,category: 2,},{name: "SVGNumber",value: 1,category: 2,},{name: "SVGPaint",value: 1,category: 2,},{name: "SVGPathElement",value: 1,category: 2,},{name: "SVGPathSegList",value: 1,category: 2,},{name: "SVGPathSegArcAbs",value: 1,category: 2,},{name: "SVGPathSegArcRel",value: 1,category: 2,},{name: "SVGPathSegClosePath",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicRel",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicSmoothAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoCubicSmoothRel",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticRel",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticSmoothAbs",value: 1,category: 2,},{name: "SVGPathSegCurvetoQuadraticSmoothRel",value: 1,category: 2,},{name: "SVGPathSegLinetoAbs",value: 1,category: 2,},{name: "SVGPathSegLinetoHorizontalAbs",value: 1,category: 2,},{name: "SVGPathSegLinetoHorizontalRel",value: 1,category: 2,},{name: "SVGPathSegLinetoRel",value: 1,category: 2,},{name: "SVGPathSegLinetoVerticalAbs",value: 1,category: 2,},{name: "SVGPathSegLinetoVerticalRel",value: 1,category: 2,},{name: "SVGPathSegMovetoAbs",value: 1,category: 2,},{name: "SVGPathSegMovetoRel",value: 1,category: 2,},{name: "SVGPoint",value: 1,category: 2,},{name: "SVGPathSeg",value: 1,category: 2,},{name: "SVGPatternElement",value: 1,category: 2,},{name: "SVGPointList",value: 1,category: 2,},{name: "SVGPolygonElement",value: 1,category: 2,},{name: "SVGPolylineElement",value: 1,category: 2,},{name: "SVGRadialGradientElement",value: 1,category: 2,},{name: "SVGRectElement",value: 1,category: 2,},{name: "SVGScriptElement",value: 1,category: 2,},{name: "SVGSetElement",value: 1,category: 2,},{name: "SVGStopElement",value: 1,category: 2,},{name: "SVGStyleElement",value: 1,category: 2,},{name: "SVGLangSpace",value: 1,category: 2,},{name: "SVGZoomAndPan",value: 1,category: 2,},{name: "SVGViewSpec",value: 1,category: 2,},{name: "SVGTransform",value: 1,category: 2,},{name: "SVGSwitchElement",value: 1,category: 2,},{name: "SVGSymbolElement",value: 1,category: 2,},{name: "SVGTests",value: 1,category: 2,},{name: "SVGStringList",value: 1,category: 2,},{name: "SVGTextContentElement",value: 1,category: 2,},{name: "SVGTextElement",value: 1,category: 2,},{name: "SVGTextPathElement",value: 1,category: 2,},{name: "SVGTextPositioningElement",value: 1,category: 2,},{name: "SVGTitleElement",value: 1,category: 2,},{name: "SVGTRefElement",value: 1,category: 2,},{name: "SVGTSpanElement",value: 1,category: 2,},{name: "SVGViewElement",value: 1,category: 2,},{name: "SVGVKernElement",value: 1,category: 2,},{name: "TextTrackCueList",value: 1,category: 4,},{name: "TextTrackCue",value: 1,category: 4,},{name: "Touch",value: 1,category: 4,},{name: "TouchList",value: 1,category: 4,},{name: "TreeWalker",value: 1,category: 4,},{name: "Uint16Array",value: 1,category: 4,},{name: "Uint32Array",value: 1,category: 4,},{name: "Uint8ClampedArray",value: 1,category: 4,},{name: "WebGLRenderingContext",value: 3,category: 1,},{name: "WebGLProgram",value: 1,category: 1,},{name: "WebGLBuffer",value: 1,category: 1,},{name: "WebGLFramebuffer",value: 1,category: 1,},{name: "WebGLRenderbuffer",value: 1,category: 1,},{name: "WebGLTexture",value: 1,category: 1,},{name: "WebGLShader",value: 1,category: 1,},{name: "WebGLActiveInfo",value: 1,category: 1,},{name: "WebGLContextAttributes",value: 1,category: 1,},{name: "WebGLShaderPrecisionFormat",value: 1,category: 1,},{name: "WebGLUniformLocation",value: 1,category: 1,},{name: "WebKitAnimationList",value: 1,category: 4,},{name: "WebKitAnimation",value: 1,category: 4,},{name: "WebKitCSSFilterValue",value: 1,category: 4,},{name: "WebKitCSSKeyframeRule",value: 1,category: 4,},{name: "WebKitCSSKeyframesRule",value: 1,category: 4,},{name: "WebKitCSSMatrix",value: 1,category: 4,},{name: "WebKitCSSMixFunctionValue",value: 1,category: 4,},{name: "WebKitCSSTransformValue",value: 1,category: 4,},{name: "WebKitNamedFlow",value: 1,category: 4,},{name: "WebSocket",value: 1,category: 4,},{name: "Worker",value: 1,category: 4,},{name: "WorkerLocation",value: 1,category: 4,},{name: "WorkerNavigator",value: 1,category: 4,},{name: "XMLHttpRequest",value: 1,category: 4,},{name: "XMLHttpRequestUpload",value: 1,category: 4,},{name: "DOMFormData",value: 1,category: 4,},{name: "XPathEvaluator",value: 1,category: 4,},{name: "XPathExpression",value: 1,category: 4,},{name: "XPathNSResolver",value: 1,category: 4,},{name: "XPathResult",value: 1,category: 4,},{name: "XSLTProcessor",value: 1,category: 4,},],links: [{source: 0,target: 1,},{source: 0,target: 2,},{source: 0,target: 3,},{source: 4,target: 4,},{source: 5,target: 4,},{source: 6,target: 7,},{source: 6,target: 8,},{source: 9,target: 3,},{source: 10,target: 9,},{source: 11,target: 12,},{source: 11,target: 9,},{source: 11,target: 13,},{source: 11,target: 14,},{source: 15,target: 16,},{source: 15,target: 17,},{source: 15,target: 0,},{source: 15,target: 18,},{source: 15,target: 9,},{source: 15,target: 11,},{source: 15,target: 19,},{source: 15,target: 20,},{source: 15,target: 21,},{source: 15,target: 22,},{source: 15,target: 23,},{source: 15,target: 24,},{source: 15,target: 25,},{source: 15,target: 26,},{source: 15,target: 27,},{source: 15,target: 28,},{source: 15,target: 29,},{source: 15,target: 30,},{source: 15,target: 31,},{source: 15,target: 32,},{source: 15,target: 4,},{source: 16,target: 1,},{source: 13,target: 14,},{source: 1,target: 15,},{source: 1,target: 1,},{source: 1,target: 14,},{source: 14,target: 3,},{source: 12,target: 1,},{source: 18,target: 1,},{source: 18,target: 14,},{source: 18,target: 3,},{source: 33,target: 34,},{source: 35,target: 33,},{source: 35,target: 36,},{source: 35,target: 37,},{source: 35,target: 38,},{source: 35,target: 39,},{source: 35,target: 34,},{source: 35,target: 40,},{source: 35,target: 41,},{source: 42,target: 43,},{source: 19,target: 1,},{source: 20,target: 1,},{source: 44,target: 7,},{source: 45,target: 46,},{source: 47,target: 48,},{source: 47,target: 49,},{source: 47,target: 39,},{source: 50,target: 44,},{source: 51,target: 52,},{source: 21,target: 1,},{source: 21,target: 9,},{source: 53,target: 5,},{source: 54,target: 55,},{source: 56,target: 55,},{source: 56,target: 57,},{source: 58,target: 55,},{source: 58,target: 59,},{source: 58,target: 60,},{source: 61,target: 55,},{source: 61,target: 62,},{source: 61,target: 59,},{source: 63,target: 55,},{source: 63,target: 57,},{source: 64,target: 65,},{source: 64,target: 66,},{source: 64,target: 67,},{source: 64,target: 68,},{source: 55,target: 55,},{source: 55,target: 60,},{source: 62,target: 55,},{source: 57,target: 55,},{source: 57,target: 65,},{source: 69,target: 55,},{source: 69,target: 57,},{source: 60,target: 70,},{source: 60,target: 62,},{source: 60,target: 55,},{source: 71,target: 55,},{source: 72,target: 65,},{source: 73,target: 74,},{source: 75,target: 73,},{source: 75,target: 76,},{source: 76,target: 77,},{source: 78,target: 79,},{source: 78,target: 80,},{source: 49,target: 81,},{source: 49,target: 78,},{source: 82,target: 5,},{source: 83,target: 84,},{source: 22,target: 1,},{source: 22,target: 14,},{source: 85,target: 80,},{source: 85,target: 86,},{source: 85,target: 87,},{source: 88,target: 89,},{source: 88,target: 90,},{source: 88,target: 88,},{source: 88,target: 91,},{source: 86,target: 92,},{source: 90,target: 93,},{source: 94,target: 7,},{source: 94,target: 8,},{source: 94,target: 95,},{source: 96,target: 7,},{source: 96,target: 97,},{source: 98,target: 85,},{source: 99,target: 88,},{source: 100,target: 60,},{source: 100,target: 96,},{source: 100,target: 101,},{source: 102,target: 103,},{source: 104,target: 102,},{source: 103,target: 102,},{source: 105,target: 103,},{source: 106,target: 7,},{source: 106,target: 107,},{source: 108,target: 109,},{source: 23,target: 1,},{source: 23,target: 14,},{source: 8,target: 7,},{source: 8,target: 109,},{source: 8,target: 110,},{source: 8,target: 8,},{source: 8,target: 57,},{source: 8,target: 6,},{source: 8,target: 46,},{source: 8,target: 45,},{source: 8,target: 95,},{source: 8,target: 111,},{source: 112,target: 7,},{source: 113,target: 7,},{source: 92,target: 114,},{source: 80,target: 98,},{source: 80,target: 85,},{source: 80,target: 115,},{source: 80,target: 116,},{source: 80,target: 87,},{source: 114,target: 80,},{source: 93,target: 89,},{source: 116,target: 80,},{source: 89,target: 99,},{source: 89,target: 89,},{source: 89,target: 117,},{source: 89,target: 88,},{source: 118,target: 119,},{source: 120,target: 81,},{source: 121,target: 80,},{source: 121,target: 122,},{source: 121,target: 120,},{source: 91,target: 89,},{source: 91,target: 123,},{source: 91,target: 81,},{source: 48,target: 81,},{source: 124,target: 119,},{source: 125,target: 4,},{source: 126,target: 98,},{source: 127,target: 119,},{source: 122,target: 127,},{source: 3,target: 5,},{source: 3,target: 3,},{source: 128,target: 5,},{source: 128,target: 128,},{source: 24,target: 1,},{source: 24,target: 13,},{source: 129,target: 130,},{source: 131,target: 132,},{source: 133,target: 134,},{source: 135,target: 7,},{source: 135,target: 95,},{source: 136,target: 137,},{source: 138,target: 137,},{source: 139,target: 137,},{source: 140,target: 141,},{source: 142,target: 137,},{source: 143,target: 137,},{source: 144,target: 137,},{source: 145,target: 137,},{source: 146,target: 137,},{source: 146,target: 147,},{source: 146,target: 95,},{source: 146,target: 148,},{source: 34,target: 137,},{source: 149,target: 7,},{source: 150,target: 137,},{source: 150,target: 95,},{source: 151,target: 137,},{source: 151,target: 149,},{source: 152,target: 137,},{source: 153,target: 137,},{source: 154,target: 137,},{source: 155,target: 137,},{source: 101,target: 8,},{source: 101,target: 135,},{source: 101,target: 149,},{source: 137,target: 8,},{source: 137,target: 149,},{source: 156,target: 137,},{source: 156,target: 157,},{source: 158,target: 137,},{source: 158,target: 149,},{source: 158,target: 147,},{source: 158,target: 148,},{source: 159,target: 137,},{source: 160,target: 149,},{source: 160,target: 7,},{source: 147,target: 137,},{source: 147,target: 149,},{source: 161,target: 137,},{source: 161,target: 157,},{source: 162,target: 137,},{source: 163,target: 137,},{source: 164,target: 137,},{source: 165,target: 137,},{source: 166,target: 137,},{source: 167,target: 137,},{source: 167,target: 157,},{source: 39,target: 137,},{source: 168,target: 137,},{source: 168,target: 48,},{source: 168,target: 147,},{source: 168,target: 95,},{source: 168,target: 148,},{source: 168,target: 114,},{source: 169,target: 137,},{source: 169,target: 147,},{source: 169,target: 95,},{source: 169,target: 148,},{source: 170,target: 137,},{source: 170,target: 147,},{source: 171,target: 137,},{source: 171,target: 147,},{source: 172,target: 137,},{source: 173,target: 137,},{source: 173,target: 70,},{source: 173,target: 108,},{source: 174,target: 137,},{source: 174,target: 149,},{source: 175,target: 137,},{source: 141,target: 137,},{source: 141,target: 176,},{source: 141,target: 177,},{source: 141,target: 178,},{source: 141,target: 179,},{source: 141,target: 180,},{source: 181,target: 137,},{source: 182,target: 137,},{source: 183,target: 137,},{source: 183,target: 95,},{source: 184,target: 137,},{source: 185,target: 137,},{source: 185,target: 147,},{source: 185,target: 148,},{source: 185,target: 157,},{source: 186,target: 137,},{source: 187,target: 137,},{source: 188,target: 137,},{source: 188,target: 147,},{source: 189,target: 149,},{source: 189,target: 188,},{source: 189,target: 7,},{source: 190,target: 137,},{source: 190,target: 147,},{source: 190,target: 108,},{source: 190,target: 95,},{source: 190,target: 148,},{source: 191,target: 137,},{source: 192,target: 137,},{source: 193,target: 137,},{source: 194,target: 137,},{source: 194,target: 95,},{source: 195,target: 137,},{source: 196,target: 137,},{source: 197,target: 137,},{source: 197,target: 147,},{source: 197,target: 95,},{source: 197,target: 189,},{source: 197,target: 149,},{source: 197,target: 148,},{source: 197,target: 7,},{source: 198,target: 137,},{source: 199,target: 137,},{source: 200,target: 137,},{source: 201,target: 137,},{source: 201,target: 70,},{source: 202,target: 137,},{source: 203,target: 137,},{source: 204,target: 137,},{source: 205,target: 137,},{source: 205,target: 202,},{source: 205,target: 149,},{source: 205,target: 206,},{source: 207,target: 137,},{source: 207,target: 149,},{source: 206,target: 137,},{source: 206,target: 149,},{source: 208,target: 137,},{source: 208,target: 147,},{source: 208,target: 95,},{source: 208,target: 148,},{source: 209,target: 137,},{source: 210,target: 137,},{source: 210,target: 180,},{source: 211,target: 137,},{source: 212,target: 137,},{source: 40,target: 141,},{source: 213,target: 214,},{source: 213,target: 215,},{source: 213,target: 216,},{source: 217,target: 213,},{source: 218,target: 219,},{source: 218,target: 214,},{source: 218,target: 220,},{source: 218,target: 221,},{source: 222,target: 215,},{source: 222,target: 223,},{source: 222,target: 224,},{source: 222,target: 216,},{source: 225,target: 214,},{source: 225,target: 220,},{source: 225,target: 216,},{source: 226,target: 215,},{source: 226,target: 226,},{source: 220,target: 219,},{source: 220,target: 214,},{source: 220,target: 221,},{source: 220,target: 216,},{source: 220,target: 225,},{source: 224,target: 216,},{source: 216,target: 227,},{source: 216,target: 214,},{source: 216,target: 221,},{source: 221,target: 218,},{source: 221,target: 227,},{source: 221,target: 220,},{source: 223,target: 216,},{source: 228,target: 5,},{source: 228,target: 228,},{source: 229,target: 5,},{source: 229,target: 229,},{source: 230,target: 5,},{source: 230,target: 230,},{source: 231,target: 231,},{source: 232,target: 233,},{source: 234,target: 219,},{source: 177,target: 176,},{source: 25,target: 12,},{source: 25,target: 141,},{source: 235,target: 236,},{source: 236,target: 235,},{source: 237,target: 238,},{source: 237,target: 239,},{source: 233,target: 240,},{source: 26,target: 12,},{source: 26,target: 233,},{source: 27,target: 12,},{source: 27,target: 233,},{source: 241,target: 233,},{source: 240,target: 242,},{source: 243,target: 244,},{source: 115,target: 117,},{source: 245,target: 7,},{source: 246,target: 95,},{source: 246,target: 7,},{source: 97,target: 7,},{source: 247,target: 131,},{source: 247,target: 104,},{source: 247,target: 105,},{source: 247,target: 248,},{source: 247,target: 129,},{source: 249,target: 250,},{source: 251,target: 232,},{source: 7,target: 97,},{source: 7,target: 95,},{source: 7,target: 7,},{source: 7,target: 8,},{source: 252,target: 7,},{source: 253,target: 252,},{source: 253,target: 7,},{source: 95,target: 7,},{source: 254,target: 7,},{source: 255,target: 256,},{source: 257,target: 255,},{source: 257,target: 87,},{source: 258,target: 259,},{source: 28,target: 12,},{source: 28,target: 14,},{source: 28,target: 32,},{source: 29,target: 1,},{source: 260,target: 52,},{source: 260,target: 261,},{source: 260,target: 262,},{source: 132,target: 133,},{source: 263,target: 264,},{source: 265,target: 7,},{source: 265,target: 70,},{source: 266,target: 95,},{source: 107,target: 7,},{source: 107,target: 94,},{source: 107,target: 107,},{source: 107,target: 46,},{source: 107,target: 45,},{source: 68,target: 64,},{source: 67,target: 64,},{source: 267,target: 4,},{source: 267,target: 5,},{source: 268,target: 269,},{source: 268,target: 241,},{source: 268,target: 270,},{source: 268,target: 233,},{source: 268,target: 271,},{source: 268,target: 267,},{source: 268,target: 272,},{source: 271,target: 269,},{source: 272,target: 273,},{source: 274,target: 275,},{source: 30,target: 1,},{source: 276,target: 277,},{source: 111,target: 94,},{source: 111,target: 8,},{source: 111,target: 7,},{source: 111,target: 95,},{source: 111,target: 106,},{source: 278,target: 279,},{source: 278,target: 244,},{source: 280,target: 84,},{source: 239,target: 176,},{source: 239,target: 2,},{source: 238,target: 239,},{source: 281,target: 282,},{source: 283,target: 284,},{source: 285,target: 281,},{source: 286,target: 287,},{source: 288,target: 286,},{source: 289,target: 290,},{source: 291,target: 292,},{source: 293,target: 292,},{source: 74,target: 292,},{source: 294,target: 295,},{source: 296,target: 289,},{source: 77,target: 296,},{source: 297,target: 298,},{source: 297,target: 299,},{source: 300,target: 301,},{source: 70,target: 59,},{source: 70,target: 7,},{source: 70,target: 70,},{source: 302,target: 70,},{source: 303,target: 304,},{source: 303,target: 305,},{source: 306,target: 307,},{source: 308,target: 309,},{source: 310,target: 307,},{source: 311,target: 312,},{source: 313,target: 314,},{source: 315,target: 316,},{source: 317,target: 318,},{source: 319,target: 320,},{source: 321,target: 322,},{source: 323,target: 324,},{source: 325,target: 326,},{source: 327,target: 312,},{source: 328,target: 312,},{source: 329,target: 312,},{source: 312,target: 330,},{source: 312,target: 307,},{source: 331,target: 304,},{source: 331,target: 315,},{source: 332,target: 304,},{source: 332,target: 333,},{source: 334,target: 65,},{source: 334,target: 67,},{source: 335,target: 307,},{source: 335,target: 336,},{source: 335,target: 319,},{source: 335,target: 333,},{source: 337,target: 338,},{source: 337,target: 315,},{source: 339,target: 304,},{source: 340,target: 341,},{source: 157,target: 342,},{source: 307,target: 8,},{source: 307,target: 342,},{source: 307,target: 307,},{source: 343,target: 344,},{source: 343,target: 345,},{source: 343,target: 307,},{source: 343,target: 346,},{source: 343,target: 343,},{source: 345,target: 343,},{source: 347,target: 304,},{source: 347,target: 315,},{source: 338,target: 348,},{source: 349,target: 350,},{source: 349,target: 305,},{source: 349,target: 333,},{source: 351,target: 350,},{source: 351,target: 305,},{source: 351,target: 333,},{source: 351,target: 319,},{source: 352,target: 350,},{source: 352,target: 305,},{source: 353,target: 350,},{source: 353,target: 305,},{source: 353,target: 336,},{source: 353,target: 333,},{source: 354,target: 350,},{source: 354,target: 336,},{source: 354,target: 333,},{source: 354,target: 305,},{source: 354,target: 319,},{source: 354,target: 355,},{source: 354,target: 348,},{source: 356,target: 350,},{source: 356,target: 336,},{source: 356,target: 305,},{source: 357,target: 350,},{source: 357,target: 305,},{source: 357,target: 336,},{source: 357,target: 333,},{source: 358,target: 307,},{source: 358,target: 336,},{source: 359,target: 350,},{source: 359,target: 336,},{source: 359,target: 305,},{source: 360,target: 350,},{source: 361,target: 335,},{source: 362,target: 335,},{source: 363,target: 335,},{source: 364,target: 335,},{source: 365,target: 350,},{source: 365,target: 305,},{source: 365,target: 336,},{source: 366,target: 350,},{source: 366,target: 321,},{source: 367,target: 350,},{source: 368,target: 307,},{source: 368,target: 305,},{source: 369,target: 350,},{source: 369,target: 305,},{source: 369,target: 333,},{source: 369,target: 336,},{source: 370,target: 350,},{source: 370,target: 336,},{source: 370,target: 305,},{source: 371,target: 307,},{source: 371,target: 336,},{source: 372,target: 350,},{source: 372,target: 305,},{source: 372,target: 336,},{source: 373,target: 307,},{source: 373,target: 336,},{source: 374,target: 350,},{source: 374,target: 305,},{source: 375,target: 350,},{source: 375,target: 336,},{source: 375,target: 355,},{source: 375,target: 333,},{source: 376,target: 341,},{source: 376,target: 355,},{source: 376,target: 333,},{source: 376,target: 315,},{source: 350,target: 341,},{source: 350,target: 315,},{source: 350,target: 305,},{source: 377,target: 321,},{source: 377,target: 323,},{source: 378,target: 307,},{source: 379,target: 307,},{source: 380,target: 307,},{source: 381,target: 307,},{source: 382,target: 307,},{source: 383,target: 307,},{source: 384,target: 304,},{source: 384,target: 315,},{source: 385,target: 304,},{source: 386,target: 307,},{source: 387,target: 341,},{source: 388,target: 341,},{source: 388,target: 325,},{source: 388,target: 333,},{source: 389,target: 307,},{source: 390,target: 304,},{source: 390,target: 315,},{source: 390,target: 321,},{source: 318,target: 316,},{source: 391,target: 388,},{source: 391,target: 315,},{source: 392,target: 304,},{source: 392,target: 315,},{source: 393,target: 307,},{source: 393,target: 324,},{source: 393,target: 394,},{source: 395,target: 377,},{source: 395,target: 315,},{source: 395,target: 333,},{source: 395,target: 313,},{source: 395,target: 314,},{source: 396,target: 341,},{source: 396,target: 315,},{source: 396,target: 333,},{source: 394,target: 394,},{source: 397,target: 307,},{source: 398,target: 307,},{source: 399,target: 338,},{source: 320,target: 400,},{source: 401,target: 334,},{source: 402,target: 304,},{source: 402,target: 403,},{source: 402,target: 336,},{source: 402,target: 404,},{source: 402,target: 405,},{source: 402,target: 406,},{source: 402,target: 407,},{source: 402,target: 408,},{source: 402,target: 409,},{source: 402,target: 410,},{source: 402,target: 411,},{source: 402,target: 412,},{source: 402,target: 413,},{source: 402,target: 414,},{source: 402,target: 415,},{source: 402,target: 416,},{source: 402,target: 417,},{source: 402,target: 418,},{source: 402,target: 419,},{source: 402,target: 420,},{source: 402,target: 421,},{source: 402,target: 422,},{source: 402,target: 423,},{source: 404,target: 424,},{source: 405,target: 424,},{source: 406,target: 424,},{source: 407,target: 424,},{source: 408,target: 424,},{source: 409,target: 424,},{source: 410,target: 424,},{source: 411,target: 424,},{source: 412,target: 424,},{source: 413,target: 424,},{source: 414,target: 424,},{source: 415,target: 424,},{source: 416,target: 424,},{source: 417,target: 424,},{source: 418,target: 424,},{source: 419,target: 424,},{source: 420,target: 424,},{source: 403,target: 424,},{source: 421,target: 424,},{source: 422,target: 424,},{source: 425,target: 377,},{source: 425,target: 315,},{source: 425,target: 333,},{source: 425,target: 325,},{source: 423,target: 423,},{source: 426,target: 423,},{source: 427,target: 304,},{source: 427,target: 426,},{source: 428,target: 304,},{source: 428,target: 426,},{source: 429,target: 388,},{source: 429,target: 315,},{source: 430,target: 304,},{source: 430,target: 315,},{source: 431,target: 338,},{source: 432,target: 312,},{source: 433,target: 341,},{source: 433,target: 336,},{source: 341,target: 305,},{source: 341,target: 57,},{source: 341,target: 65,},{source: 434,target: 435,},{source: 342,target: 436,},{source: 342,target: 423,},{source: 342,target: 437,},{source: 342,target: 315,},{source: 342,target: 324,},{source: 342,target: 307,},{source: 342,target: 314,},{source: 342,target: 316,},{source: 342,target: 394,},{source: 342,target: 400,},{source: 342,target: 438,},{source: 342,target: 8,},{source: 342,target: 95,},{source: 439,target: 304,},{source: 440,target: 377,},{source: 441,target: 442,},{source: 443,target: 341,},{source: 443,target: 333,},{source: 443,target: 315,},{source: 443,target: 423,},{source: 443,target: 324,},{source: 444,target: 304,},{source: 445,target: 309,},{source: 445,target: 333,},{source: 445,target: 315,},{source: 446,target: 443,},{source: 446,target: 317,},{source: 446,target: 319,},{source: 447,target: 341,},{source: 438,target: 394,},{source: 304,target: 393,},{source: 304,target: 325,},{source: 326,target: 438,},{source: 448,target: 309,},{source: 449,target: 446,},{source: 309,target: 305,},{source: 346,target: 304,},{source: 346,target: 343,},{source: 346,target: 315,},{source: 450,target: 436,},{source: 450,target: 442,},{source: 437,target: 321,},{source: 437,target: 326,},{source: 437,target: 323,},{source: 437,target: 307,},{source: 451,target: 307,},{source: 43,target: 44,},{source: 43,target: 43,},{source: 180,target: 452,},{source: 180,target: 453,},{source: 453,target: 180,},{source: 453,target: 94,},{source: 452,target: 453,},{source: 179,target: 180,},{source: 454,target: 344,},{source: 455,target: 454,},{source: 456,target: 7,},{source: 456,target: 252,},{source: 457,target: 5,},{source: 457,target: 457,},{source: 458,target: 5,},{source: 458,target: 458,},{source: 2,target: 5,},{source: 2,target: 2,},{source: 459,target: 2,},{source: 459,target: 459,},{source: 31,target: 1,},{source: 31,target: 3,},{source: 460,target: 33,},{source: 460,target: 461,},{source: 460,target: 462,},{source: 460,target: 463,},{source: 460,target: 464,},{source: 460,target: 465,},{source: 460,target: 4,},{source: 460,target: 5,},{source: 460,target: 466,},{source: 460,target: 467,},{source: 460,target: 468,},{source: 460,target: 469,},{source: 460,target: 470,},{source: 460,target: 36,},{source: 460,target: 39,},{source: 460,target: 34,},{source: 460,target: 40,},{source: 460,target: 3,},{source: 471,target: 472,},{source: 473,target: 72,},{source: 474,target: 55,},{source: 474,target: 57,},{source: 475,target: 55,},{source: 475,target: 62,},{source: 475,target: 474,},{source: 476,target: 476,},{source: 477,target: 72,},{source: 478,target: 72,},{source: 479,target: 95,},{source: 480,target: 4,},{source: 480,target: 5,},{source: 481,target: 279,},{source: 84,target: 222,},{source: 84,target: 482,},{source: 84,target: 483,},{source: 84,target: 84,},{source: 84,target: 257,},{source: 84,target: 73,},{source: 84,target: 76,},{source: 84,target: 126,},{source: 84,target: 99,},{source: 84,target: 89,},{source: 484,target: 485,},{source: 484,target: 4,},{source: 484,target: 5,},{source: 484,target: 486,},{source: 487,target: 488,},{source: 487,target: 489,},{source: 487,target: 490,},{source: 488,target: 490,},{source: 490,target: 7,},{source: 491,target: 7,},{source: 491,target: 94,},],},};},methods: {init() {var webkitDep = this.webkitDep;console.log(webkitDep.nodes);this.myChart1 = this.$echarts.init(document.getElementById("chart1"));let option = {legend: {data: ["HTMLElement", "WebGL", "SVG", "CSS", "Other"],},series: [{type: "graph",layout: "force",animation: false,label: {position: "right",formatter: "{b}",},draggable: true,data: webkitDep.nodes.map(function (node, idx) {node.id = idx;return node;}),categories: webkitDep.categories,force: {edgeLength: 5,repulsion: 20,gravity: 0.2,},edges: webkitDep.links,},],};this.myChart1.setOption(option);},},mounted() {this.init();},
};
</script><style scoped>
</style>
最后效果如下: