first commit

Author: xudafeng

.gitignore

@@ -0,0 +1,33 @@
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# CocoaPods
+#
+# We recommend against adding the Pods directory to your .gitignore. However
+# you should judge for yourself, the pros and cons are mentioned at:
+# http://guides.cocoapods.org/using/using-cocoapods.html#should-i-ignore-the-pods-directory-in-source-control
+#
+Pods/
+
+#temp
+*.swp
+*.swo
+.DS_Store
+Thumbs.db
+node_modules/

README.md

@@ -0,0 +1 @@
+# Nsobject inheritance topology

assets/base.css

@@ -0,0 +1,26 @@
+html, body {
+  margin: 0;
+  padding: 0;
+}
+.node {
+  font: 10px sans-serif;
+}
+.node text {
+  cursor: zoom-in;
+}
+.zoomIn {
+  cursor: zoom-out;
+}
+.zoomIn text {
+  cursor: pointer;
+}
+.node circle {
+  fill: #fff;
+  stroke: steelblue;
+  stroke-width: .5px;
+}
+.link {
+  fill: none;
+  stroke: #aaa;
+  stroke-width: .5px;
+}

assets/d3.v3.min.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var radius = 50;
+var diameter = 960 * radius;
+
+var tree = d3
+  .layout
+  .tree()
+  .size([360, diameter / 2 - 120])
+  .separation(function(a, b) {
+    return (a.parent == b.parent ? 1 : 2) / a.depth;
+  });
+
+var diagonal = d3
+  .svg
+  .diagonal
+  .radial()
+  .projection(function(d) {
+    return [d.y, d.x / 180 * Math.PI];
+  });
+
+var svg = d3
+  .select('body')
+  .append('svg')
+  .attr('width', diameter)
+  .attr('height', diameter)
+  .append('g')
+  .attr('transform', 'translate(' + diameter / 2 + ',' + diameter / 2 + ')');
+
+d3.json('data/inheritance.json', function(error, root) {
+
+  if (error) {
+    throw error;
+  }
+
+  var nodes = tree.nodes(root);
+  var links = tree.links(nodes);
+
+  var link = svg
+    .selectAll('.link')
+    .data(links)
+    .enter()
+    .append('path')
+    .attr('class', 'link')
+    .attr('d', diagonal);
+
+  var node = svg
+    .selectAll('.node')
+    .data(nodes)
+    .enter().append('g')
+    .attr('class', 'node')
+    .attr('transform', function(d) {
+      return 'rotate(' + (d.x - 90) + ')translate(' + d.y + ')';
+    });
+
+  node
+    .append('circle')
+    .attr('r', 4.5);
+
+  node
+    .append('text')
+    .attr('id', function(d) {
+      return d.name;
+    })
+    .attr('dy', '.31em')
+    .attr('text-anchor', function(d) {
+      return d.x < 180 ? 'start' : 'end';
+    })
+    .attr('transform', function(d) {
+      return d.x < 180 ? 'translate(8)' : 'rotate(180)translate(-8)';
+    })
+    .text(function(d) {
+      return d.name;
+    });
+
+  d3
+    .select('body')
+    .style('zoom', 2 / radius);
+
+  document.addEventListener('click', function(e) {
+    var target = e.target;
+
+    if (target.nodeName.toUpperCase() === 'TEXT') {
+      var toggle = document.body.className === 'zoomIn';
+      var text = target.innerHTML.trim();
+
+      if (toggle) {
+        window.open('https://developer.apple.com/search/?q=' + text + '&platform=iOS');
+        return;
+      }
+
+      document.body.className = 'zoomIn';
+
+      d3
+        .select('body')
+        .style('zoom', 1);
+      zoom.to({
+        element: document.querySelector('#' + text),
+        callback: function() {
+        },
+        padding: 200
+      });
+    } else {
+      d3
+        .select('body')
+        .style('zoom', 2 / radius);
+
+      zoom.out();
+      document.body.className = '';
+    }
+  });
+});

assets/init.js

@@ -0,0 +1,84 @@
+body {
+  background-color: #fafafa;
+  margin: 0;
+}
+
+#header, #footer {
+  z-index: 1;
+  display: block;
+  font-size: 30px;
+  font-weight: 300;
+  text-shadow: 0 1px 0 #fff;
+}
+
+#header.inverted, #footer.inverted {
+  color: #fff;
+  text-shadow: 0 1px 4px #000;
+}
+
+#header {
+  top: 20px;
+  right: 10px;
+  width: 300px;
+  text-align: right;
+}
+
+#footer {
+  top: 520px;
+  right: 10px;
+  width: 300px;
+  text-align: right;
+}
+
+rect {
+  fill: none;
+  pointer-events: all;
+}
+
+pre {
+  font-size: 18px;
+}
+
+line {
+  stroke: #000;
+  stroke-width: 1px;
+}
+.comment {
+  color: #777;
+  font-style: oblique;
+}
+
+.number {
+  color: #369;
+}
+
+.class, .special {
+  color: #1181B8;
+}
+
+a:link, a:visited {
+  color: steelblue;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #666;
+}
+
+.node circle {
+  cursor: pointer;
+  fill: #fff;
+  stroke: steelblue;
+  stroke-width: .8px;
+}
+
+.node text {
+  font-size: 10px;
+  cursor: pointer;
+}
+
+path.link {
+  fill: none;
+  stroke: #ccc;
+  stroke-width: 1px;
+}