https://github.com/vijithassar/d3-xray

view the data bound to a D3.js project simply by mousing over elements
https://github.com/vijithassar/d3-xray

Last synced: about 1 month ago
JSON representation

view the data bound to a D3.js project simply by mousing over elements

• Host: GitHub
• URL: https://github.com/vijithassar/d3-xray
• Owner: vijithassar
• License: mit
• Created: 2016-03-18T18:59:38.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-27T07:00:48.000Z (over 7 years ago)
• Last Synced: 2024-10-30T15:51:10.298Z (about 1 month ago)
• Homepage:
• Size: 3.91 KB
• Stars: 26
• Watchers: 5
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-d3 - d3-xray - Bookmarklet that logs results of the data joins as you mouse over (Utils)
• awesome-d3 - d3-xray - Bookmarklet that logs results of the data joins as you mouse over (Utils)
• awesome-d3 - d3-xray - Bookmarklet that logs results of the data joins as you mouse over (Utils)

README

        
# Overview

View the data that powers projects built with [D3.js](http://d3js.org) by simply mousing over them.

![demo](https://cloud.githubusercontent.com/assets/3488572/13891649/cb81dbf2-ed28-11e5-8b16-b44d4a685033.gif)

# Usage

Visit the [announcement post](http://www.vijithassar.com/d3-xray) and drag the link posted there to your browser bookmarks. Then, when viewing a D3.js project, click the bookmarklet to trigger it, and any time you mouse over an element with bound data, it will be logged to your browser's developer console. To stop logging, reload the page.