This extension allows the user to deconstruct D3 visualizations on a page.

Latest Version

Version
1.0.5
Update
March 13, 2016
Size
1.92MiB
Developer
Category
Users
603
Rating
4 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
ActiveTab
ContextMenus
See more

D3 Deconstructor Extension

The D3 Deconstructor is a Google Chrome extension for extracting data from D3.js visualizations. D3 binds data to DOM elements when building a visualization. Our D3 Deconstructor extracts this data and the visual mark attributes (such as position, width, height, and color) for each element in a D3 visualization.

The D3 Deconstructor was developed in the VisLab at UC Berkeley. We also used the results of deconstruction to enable restyling of D3 visualizations. You can find the paper here: http://vis.berkeley.edu/papers/d3decon.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "D3 Deconstructor", "description": "This extension allows the user to deconstruct D3 visualizations on a page.", "version": "1.0.5", "icons": { "16": "decon-icon.png", "128": "decon-icon.png" }, "content_scripts": [ { "matches": ["file:///*/*", "http://*/*", "https://*/*"], "css": ["content.css"], "js": ["js/content.js", "node_modules/jquery/dist/jquery.js"] } ], "background": { "scripts": ["js/background.js"] }, "browser_action": { "default_icon": "decon-icon.png", "default_title": "D3 Deconstructor" }, "permissions": [ "tabs", "activeTab", "contextMenus" ], "web_accessible_resources": [ "node_modules/*", "dist/*", "js/*" ]}
Read more