Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
MUR Drupal
d3-library
Commits
e7c6120b
Commit
e7c6120b
authored
Dec 19, 2012
by
Mike Bostock
Browse files
Remove marker example.
Replaced by <
http://bl.ocks.org/1153292
>.
parent
d07d7098
Changes
1
Hide whitespace changes
Inline
Side-by-side
examples/marker/marker.html
deleted
100644 → 0
View file @
d07d7098
<!DOCTYPE html>
<meta
charset=
"utf-8"
>
<meta
http-equiv=
"Content-type"
content=
"text/html; charset=utf-8"
>
<title>
Mobile Patent Suits
</title>
<script
src=
"../../d3.js"
></script>
<style>
path
.link
{
fill
:
none
;
stroke
:
#666
;
stroke-width
:
1.5px
;
}
marker
#licensing
{
fill
:
green
;
}
path
.link.licensing
{
stroke
:
green
;
}
path
.link.resolved
{
stroke-dasharray
:
0
,
2
1
;
}
circle
{
fill
:
#ccc
;
stroke
:
#333
;
stroke-width
:
1.5px
;
}
text
{
font
:
10px
sans-serif
;
pointer-events
:
none
;
}
text
.shadow
{
stroke
:
#fff
;
stroke-width
:
3px
;
stroke-opacity
:
.8
;
}
</style>
<body>
<script>
// http://blog.thomsonreuters.com/index.php/mobile-patent-suits-graphic-of-the-day/
var
links
=
[
{
source
:
"
Microsoft
"
,
target
:
"
Amazon
"
,
type
:
"
licensing
"
},
{
source
:
"
Microsoft
"
,
target
:
"
HTC
"
,
type
:
"
licensing
"
},
{
source
:
"
Samsung
"
,
target
:
"
Apple
"
,
type
:
"
suit
"
},
{
source
:
"
Motorola
"
,
target
:
"
Apple
"
,
type
:
"
suit
"
},
{
source
:
"
Nokia
"
,
target
:
"
Apple
"
,
type
:
"
resolved
"
},
{
source
:
"
HTC
"
,
target
:
"
Apple
"
,
type
:
"
suit
"
},
{
source
:
"
Kodak
"
,
target
:
"
Apple
"
,
type
:
"
suit
"
},
{
source
:
"
Microsoft
"
,
target
:
"
Barnes & Noble
"
,
type
:
"
suit
"
},
{
source
:
"
Microsoft
"
,
target
:
"
Foxconn
"
,
type
:
"
suit
"
},
{
source
:
"
Oracle
"
,
target
:
"
Google
"
,
type
:
"
suit
"
},
{
source
:
"
Apple
"
,
target
:
"
HTC
"
,
type
:
"
suit
"
},
{
source
:
"
Microsoft
"
,
target
:
"
Inventec
"
,
type
:
"
suit
"
},
{
source
:
"
Samsung
"
,
target
:
"
Kodak
"
,
type
:
"
resolved
"
},
{
source
:
"
LG
"
,
target
:
"
Kodak
"
,
type
:
"
resolved
"
},
{
source
:
"
RIM
"
,
target
:
"
Kodak
"
,
type
:
"
suit
"
},
{
source
:
"
Sony
"
,
target
:
"
LG
"
,
type
:
"
suit
"
},
{
source
:
"
Kodak
"
,
target
:
"
LG
"
,
type
:
"
resolved
"
},
{
source
:
"
Apple
"
,
target
:
"
Nokia
"
,
type
:
"
resolved
"
},
{
source
:
"
Qualcomm
"
,
target
:
"
Nokia
"
,
type
:
"
resolved
"
},
{
source
:
"
Apple
"
,
target
:
"
Motorola
"
,
type
:
"
suit
"
},
{
source
:
"
Microsoft
"
,
target
:
"
Motorola
"
,
type
:
"
suit
"
},
{
source
:
"
Motorola
"
,
target
:
"
Microsoft
"
,
type
:
"
suit
"
},
{
source
:
"
Huawei
"
,
target
:
"
ZTE
"
,
type
:
"
suit
"
},
{
source
:
"
Ericsson
"
,
target
:
"
ZTE
"
,
type
:
"
suit
"
},
{
source
:
"
Kodak
"
,
target
:
"
Samsung
"
,
type
:
"
resolved
"
},
{
source
:
"
Apple
"
,
target
:
"
Samsung
"
,
type
:
"
suit
"
},
{
source
:
"
Kodak
"
,
target
:
"
RIM
"
,
type
:
"
suit
"
},
{
source
:
"
Nokia
"
,
target
:
"
Qualcomm
"
,
type
:
"
suit
"
}
];
var
nodes
=
{};
// Compute the distinct nodes from the links.
links
.
forEach
(
function
(
link
)
{
link
.
source
=
nodes
[
link
.
source
]
||
(
nodes
[
link
.
source
]
=
{
name
:
link
.
source
});
link
.
target
=
nodes
[
link
.
target
]
||
(
nodes
[
link
.
target
]
=
{
name
:
link
.
target
});
});
var
width
=
960
,
height
=
500
;
var
force
=
d3
.
layout
.
force
()
.
nodes
(
d3
.
values
(
nodes
))
.
links
(
links
)
.
size
([
width
,
height
])
.
linkDistance
(
60
)
.
charge
(
-
300
)
.
on
(
"
tick
"
,
tick
)
.
start
();
var
svg
=
d3
.
select
(
"
body
"
).
append
(
"
svg
"
)
.
attr
(
"
width
"
,
width
)
.
attr
(
"
height
"
,
height
);
// Per-type markers, as they don't inherit styles.
svg
.
append
(
"
defs
"
).
selectAll
(
"
marker
"
)
.
data
([
"
suit
"
,
"
licensing
"
,
"
resolved
"
])
.
enter
().
append
(
"
marker
"
)
.
attr
(
"
id
"
,
String
)
.
attr
(
"
viewBox
"
,
"
0 -5 10 10
"
)
.
attr
(
"
refX
"
,
15
)
.
attr
(
"
refY
"
,
-
1.5
)
.
attr
(
"
markerWidth
"
,
6
)
.
attr
(
"
markerHeight
"
,
6
)
.
attr
(
"
orient
"
,
"
auto
"
)
.
append
(
"
path
"
)
.
attr
(
"
d
"
,
"
M0,-5L10,0L0,5
"
);
var
path
=
svg
.
append
(
"
g
"
).
selectAll
(
"
path
"
)
.
data
(
force
.
links
())
.
enter
().
append
(
"
path
"
)
.
attr
(
"
class
"
,
function
(
d
)
{
return
"
link
"
+
d
.
type
;
})
.
attr
(
"
marker-end
"
,
function
(
d
)
{
return
"
url(#
"
+
d
.
type
+
"
)
"
;
});
var
circle
=
svg
.
append
(
"
g
"
).
selectAll
(
"
circle
"
)
.
data
(
force
.
nodes
())
.
enter
().
append
(
"
circle
"
)
.
attr
(
"
r
"
,
6
)
.
call
(
force
.
drag
);
var
text
=
svg
.
append
(
"
g
"
).
selectAll
(
"
g
"
)
.
data
(
force
.
nodes
())
.
enter
().
append
(
"
g
"
);
// A copy of the text with a thick white stroke for legibility.
text
.
append
(
"
text
"
)
.
attr
(
"
x
"
,
8
)
.
attr
(
"
y
"
,
"
.31em
"
)
.
attr
(
"
class
"
,
"
shadow
"
)
.
text
(
function
(
d
)
{
return
d
.
name
;
});
text
.
append
(
"
text
"
)
.
attr
(
"
x
"
,
8
)
.
attr
(
"
y
"
,
"
.31em
"
)
.
text
(
function
(
d
)
{
return
d
.
name
;
});
// Use elliptical arc path segments to doubly-encode directionality.
function
tick
()
{
path
.
attr
(
"
d
"
,
function
(
d
)
{
var
dx
=
d
.
target
.
x
-
d
.
source
.
x
,
dy
=
d
.
target
.
y
-
d
.
source
.
y
,
dr
=
Math
.
sqrt
(
dx
*
dx
+
dy
*
dy
);
return
"
M
"
+
d
.
source
.
x
+
"
,
"
+
d
.
source
.
y
+
"
A
"
+
dr
+
"
,
"
+
dr
+
"
0 0,1
"
+
d
.
target
.
x
+
"
,
"
+
d
.
target
.
y
;
});
circle
.
attr
(
"
transform
"
,
function
(
d
)
{
return
"
translate(
"
+
d
.
x
+
"
,
"
+
d
.
y
+
"
)
"
;
});
text
.
attr
(
"
transform
"
,
function
(
d
)
{
return
"
translate(
"
+
d
.
x
+
"
,
"
+
d
.
y
+
"
)
"
;
});
}
</script>
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment