This extension allows the user to deconstruct D3 visualizations on a page.
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
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.
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