Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Open sidebar
examples
Making Data Visual
Commits
a836b78d
Commit
a836b78d
authored
Oct 31, 2017
by
Danyel Fisher
Browse files
some tweaks for better display; moved aux files to subdir
parent
f8e51c1e
Changes
14
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
1549 additions
and
390 deletions
+1549
-390
.gitignore
.gitignore
+4
-1
Chapters6and7/data/miserables.small.json
Chapters6and7/data/miserables.small.json
+553
-0
Chapters6and7/index.html
Chapters6and7/index.html
+1
-1
Chapters6and7/package-lock.json
Chapters6and7/package-lock.json
+981
-372
Chapters6and7/package.json
Chapters6and7/package.json
+1
-0
Chapters6and7/spec/singleview_6_17_line.vl.json
Chapters6and7/spec/singleview_6_17_line.vl.json
+1
-1
Chapters6and7/spec/singleview_6_18_area-stacked.vl.json
Chapters6and7/spec/singleview_6_18_area-stacked.vl.json
+2
-1
Chapters6and7/spec/singleview_6_19_force.vg.json
Chapters6and7/spec/singleview_6_19_force.vg.json
+3
-11
Chapters6and7/spec/singleview_6_25_map.vg.json
Chapters6and7/spec/singleview_6_25_map.vg.json
+1
-1
Chapters6and7/spec/singleview_6_27_wordcloud.vg.json
Chapters6and7/spec/singleview_6_27_wordcloud.vg.json
+2
-2
Chapters6and7/spec/unused/singleview_2a-multi-histogram.vl.json
...rs6and7/spec/unused/singleview_2a-multi-histogram.vl.json
+0
-0
Chapters6and7/spec/unused/singleview_2b-bar.vl.json
Chapters6and7/spec/unused/singleview_2b-bar.vl.json
+0
-0
Chapters6and7/spec/unused/singleview_2c-box-plot.vl.json
Chapters6and7/spec/unused/singleview_2c-box-plot.vl.json
+0
-0
Chapters6and7/spec/unused/singleview_5_hist-trellis.vl.json
Chapters6and7/spec/unused/singleview_5_hist-trellis.vl.json
+0
-0
No files found.
.gitignore
View file @
a836b78d
npm-debug.log
node_modules/**
\ No newline at end of file
node_modules/**
png/**
svg/**
scripts/*.bash
\ No newline at end of file
Chapters6and7/data/miserables.small.json
0 → 100644
View file @
a836b78d
{
"nodes"
:
[{
"name"
:
"Myriel"
,
"group"
:
1
,
"index"
:
0
},
{
"name"
:
"Napoleon"
,
"group"
:
1
,
"inbeadex"
:
1
},
{
"name"
:
"Mlle.Baptistine"
,
"group"
:
1
,
"index"
:
2
},
{
"name"
:
"Mme.Magloire"
,
"group"
:
1
,
"index"
:
3
},
{
"name"
:
"CountessdeLo"
,
"group"
:
1
,
"index"
:
4
},
{
"name"
:
"Geborand"
,
"group"
:
1
,
"index"
:
5
},
{
"name"
:
"Champtercier"
,
"group"
:
1
,
"index"
:
6
},
{
"name"
:
"Cravatte"
,
"group"
:
1
,
"index"
:
7
},
{
"name"
:
"Count"
,
"group"
:
1
,
"index"
:
8
},
{
"name"
:
"OldMan"
,
"group"
:
1
,
"index"
:
9
},
{
"name"
:
"Labarre"
,
"group"
:
2
,
"index"
:
10
},
{
"name"
:
"Valjean"
,
"group"
:
2
,
"index"
:
11
},
{
"name"
:
"Marguerite"
,
"group"
:
3
,
"index"
:
12
},
{
"name"
:
"Mme.deR"
,
"group"
:
2
,
"index"
:
13
},
{
"name"
:
"Isabeau"
,
"group"
:
2
,
"index"
:
14
},
{
"name"
:
"Gervais"
,
"group"
:
2
,
"index"
:
15
},
{
"name"
:
"Tholomyes"
,
"group"
:
3
,
"index"
:
16
},
{
"name"
:
"Listolier"
,
"group"
:
3
,
"index"
:
17
},
{
"name"
:
"Fameuil"
,
"group"
:
3
,
"index"
:
18
},
{
"name"
:
"Blacheville"
,
"group"
:
3
,
"index"
:
19
},
{
"name"
:
"Favourite"
,
"group"
:
3
,
"index"
:
20
},
{
"name"
:
"Dahlia"
,
"group"
:
3
,
"index"
:
21
},
{
"name"
:
"Zephine"
,
"group"
:
3
,
"index"
:
22
},
{
"name"
:
"Fantine"
,
"group"
:
3
,
"index"
:
23
},
{
"name"
:
"Mme.Thenardier"
,
"group"
:
4
,
"index"
:
24
},
{
"name"
:
"Thenardier"
,
"group"
:
4
,
"index"
:
25
},
{
"name"
:
"Cosette"
,
"group"
:
5
,
"index"
:
26
},
{
"name"
:
"Javert"
,
"group"
:
4
,
"index"
:
27
},
{
"name"
:
"Fauchelevent"
,
"group"
:
0
,
"index"
:
28
},
{
"name"
:
"Bamatabois"
,
"group"
:
2
,
"index"
:
29
},
{
"name"
:
"Perpetue"
,
"group"
:
3
,
"index"
:
30
}
,
{
"name"
:
"Simplice"
,
"group"
:
2
,
"index"
:
31
},
{
"name"
:
"Scaufflaire"
,
"group"
:
2
,
"index"
:
32
},
{
"name"
:
"Woman1"
,
"group"
:
2
,
"index"
:
33
},
{
"name"
:
"Judge"
,
"group"
:
2
,
"index"
:
34
},
{
"name"
:
"Champmathieu"
,
"group"
:
2
,
"index"
:
35
},
{
"name"
:
"Brevet"
,
"group"
:
2
,
"index"
:
36
},
{
"name"
:
"Chenildieu"
,
"group"
:
2
,
"index"
:
37
},
{
"name"
:
"Cochepaille"
,
"group"
:
2
,
"index"
:
38
},
{
"name"
:
"Pontmercy"
,
"group"
:
4
,
"index"
:
39
},
{
"name"
:
"Boulatruelle"
,
"group"
:
6
,
"index"
:
40
}],
"links"
:
[{
"source"
:
1
,
"target"
:
0
,
"value"
:
1
},
{
"source"
:
2
,
"target"
:
0
,
"value"
:
8
},
{
"source"
:
3
,
"target"
:
0
,
"value"
:
10
},
{
"source"
:
3
,
"target"
:
2
,
"value"
:
6
},
{
"source"
:
4
,
"target"
:
0
,
"value"
:
1
},
{
"source"
:
5
,
"target"
:
0
,
"value"
:
1
},
{
"source"
:
6
,
"target"
:
0
,
"value"
:
1
},
{
"source"
:
7
,
"target"
:
0
,
"value"
:
1
},
{
"source"
:
8
,
"target"
:
0
,
"value"
:
2
},
{
"source"
:
9
,
"target"
:
0
,
"value"
:
1
},
{
"source"
:
11
,
"target"
:
10
,
"value"
:
1
},
{
"source"
:
11
,
"target"
:
3
,
"value"
:
3
},
{
"source"
:
11
,
"target"
:
2
,
"value"
:
3
},
{
"source"
:
11
,
"target"
:
0
,
"value"
:
5
},
{
"source"
:
12
,
"target"
:
11
,
"value"
:
1
},
{
"source"
:
13
,
"target"
:
11
,
"value"
:
1
},
{
"source"
:
14
,
"target"
:
11
,
"value"
:
1
},
{
"source"
:
15
,
"target"
:
11
,
"value"
:
1
},
{
"source"
:
17
,
"target"
:
16
,
"value"
:
4
},
{
"source"
:
18
,
"target"
:
16
,
"value"
:
4
},
{
"source"
:
18
,
"target"
:
17
,
"value"
:
4
},
{
"source"
:
19
,
"target"
:
16
,
"value"
:
4
},
{
"source"
:
19
,
"target"
:
17
,
"value"
:
4
},
{
"source"
:
19
,
"target"
:
18
,
"value"
:
4
},
{
"source"
:
20
,
"target"
:
16
,
"value"
:
3
},
{
"source"
:
20
,
"target"
:
17
,
"value"
:
3
},
{
"source"
:
20
,
"target"
:
18
,
"value"
:
3
},
{
"source"
:
20
,
"target"
:
19
,
"value"
:
4
},
{
"source"
:
21
,
"target"
:
16
,
"value"
:
3
},
{
"source"
:
21
,
"target"
:
17
,
"value"
:
3
},
{
"source"
:
21
,
"target"
:
18
,
"value"
:
3
},
{
"source"
:
21
,
"target"
:
19
,
"value"
:
3
},
{
"source"
:
21
,
"target"
:
20
,
"value"
:
5
},
{
"source"
:
22
,
"target"
:
16
,
"value"
:
3
},
{
"source"
:
22
,
"target"
:
17
,
"value"
:
3
},
{
"source"
:
22
,
"target"
:
18
,
"value"
:
3
},
{
"source"
:
22
,
"target"
:
19
,
"value"
:
3
},
{
"source"
:
22
,
"target"
:
20
,
"value"
:
4
},
{
"source"
:
22
,
"target"
:
21
,
"value"
:
4
},
{
"source"
:
23
,
"target"
:
16
,
"value"
:
3
},
{
"source"
:
23
,
"target"
:
17
,
"value"
:
3
},
{
"source"
:
23
,
"target"
:
18
,
"value"
:
3
},
{
"source"
:
23
,
"target"
:
19
,
"value"
:
3
},
{
"source"
:
23
,
"target"
:
20
,
"value"
:
4
},
{
"source"
:
23
,
"target"
:
21
,
"value"
:
4
},
{
"source"
:
23
,
"target"
:
22
,
"value"
:
4
},
{
"source"
:
23
,
"target"
:
12
,
"value"
:
2
},
{
"source"
:
23
,
"target"
:
11
,
"value"
:
9
},
{
"source"
:
24
,
"target"
:
23
,
"value"
:
2
},
{
"source"
:
24
,
"target"
:
11
,
"value"
:
7
},
{
"source"
:
25
,
"target"
:
24
,
"value"
:
13
},
{
"source"
:
25
,
"target"
:
23
,
"value"
:
1
},
{
"source"
:
25
,
"target"
:
11
,
"value"
:
12
},
{
"source"
:
26
,
"target"
:
24
,
"value"
:
4
},
{
"source"
:
26
,
"target"
:
11
,
"value"
:
31
},
{
"source"
:
26
,
"target"
:
16
,
"value"
:
1
},
{
"source"
:
26
,
"target"
:
25
,
"value"
:
1
},
{
"source"
:
27
,
"target"
:
11
,
"value"
:
17
},
{
"source"
:
27
,
"target"
:
23
,
"value"
:
5
},
{
"source"
:
27
,
"target"
:
25
,
"value"
:
5
},
{
"source"
:
27
,
"target"
:
24
,
"value"
:
1
},
{
"source"
:
27
,
"target"
:
26
,
"value"
:
1
},
{
"source"
:
28
,
"target"
:
11
,
"value"
:
8
},
{
"source"
:
28
,
"target"
:
27
,
"value"
:
1
},
{
"source"
:
29
,
"target"
:
23
,
"value"
:
1
},
{
"source"
:
29
,
"target"
:
27
,
"value"
:
1
},
{
"source"
:
29
,
"target"
:
11
,
"value"
:
2
},
{
"source"
:
30
,
"target"
:
23
,
"value"
:
1
},
{
"source"
:
31
,
"target"
:
30
,
"value"
:
2
},
{
"source"
:
31
,
"target"
:
11
,
"value"
:
3
},
{
"source"
:
31
,
"target"
:
23
,
"value"
:
2
},
{
"source"
:
31
,
"target"
:
27
,
"value"
:
1
},
{
"source"
:
32
,
"target"
:
11
,
"value"
:
1
},
{
"source"
:
33
,
"target"
:
11
,
"value"
:
2
},
{
"source"
:
33
,
"target"
:
27
,
"value"
:
1
},
{
"source"
:
34
,
"target"
:
11
,
"value"
:
3
},
{
"source"
:
34
,
"target"
:
29
,
"value"
:
2
},
{
"source"
:
35
,
"target"
:
11
,
"value"
:
3
},
{
"source"
:
35
,
"target"
:
34
,
"value"
:
3
},
{
"source"
:
35
,
"target"
:
29
,
"value"
:
2
},
{
"source"
:
36
,
"target"
:
34
,
"value"
:
2
},
{
"source"
:
36
,
"target"
:
35
,
"value"
:
2
},
{
"source"
:
36
,
"target"
:
11
,
"value"
:
2
},
{
"source"
:
36
,
"target"
:
29
,
"value"
:
1
},
{
"source"
:
37
,
"target"
:
34
,
"value"
:
2
},
{
"source"
:
37
,
"target"
:
35
,
"value"
:
2
},
{
"source"
:
37
,
"target"
:
36
,
"value"
:
2
},
{
"source"
:
37
,
"target"
:
11
,
"value"
:
2
},
{
"source"
:
37
,
"target"
:
29
,
"value"
:
1
},
{
"source"
:
38
,
"target"
:
34
,
"value"
:
2
},
{
"source"
:
38
,
"target"
:
35
,
"value"
:
2
},
{
"source"
:
38
,
"target"
:
36
,
"value"
:
2
},
{
"source"
:
38
,
"target"
:
37
,
"value"
:
2
},
{
"source"
:
38
,
"target"
:
11
,
"value"
:
2
},
{
"source"
:
38
,
"target"
:
29
,
"value"
:
1
},
{
"source"
:
39
,
"target"
:
25
,
"value"
:
1
}]
}
\ No newline at end of file
Chapters6and7/index.html
View file @
a836b78d
...
...
@@ -10,7 +10,7 @@
<script src="node_modules/vega-lite/build/vega-lite.js"></script>
<script src="node_modules/vega-embed/vega-embed.js"></script>-->
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.
7
/vega.js"
></script>
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/vega/3.0.
6
/vega.js"
></script>
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/vega-lite/2.0.0-rc5/vega-lite.js"
></script>
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/vega-embed/3.0.0-rc6/vega-embed.js"
></script>
</head>
...
...
Chapters6and7/package-lock.json
View file @
a836b78d
This diff is collapsed.
Click to expand it.
Chapters6and7/package.json
View file @
a836b78d
{
"dependencies"
:
{
"canvas"
:
"^1.6.7"
,
"vega"
:
"^3.0.7"
,
"vega-embed"
:
"^3.0.0-rc6"
,
"vega-lite"
:
"^2.0.0-rc5"
...
...
Chapters6and7/spec/singleview_6_17_line.vl.json
View file @
a836b78d
...
...
@@ -5,7 +5,7 @@
"data"
:
{
"url"
:
"data/complaints.csv"
,
"format"
:
{
"type"
:
"csv"
}},
"mark"
:
"line"
,
"encoding"
:
{
"x"
:
{
"timeUnit"
:
"yearmonth"
,
"field"
:
"Date received"
,
"type"
:
"temporal"
},
"x"
:
{
"timeUnit"
:
"yearmonth"
,
"field"
:
"Date received"
,
"type"
:
"temporal"
,
"axis"
:{
"title"
:
"Date Received"
}
},
"y"
:
{
"aggregate"
:
"count"
,
"type"
:
"quantitative"
}
}
}
Chapters6and7/spec/singleview_6_18_area-stacked.vl.json
View file @
a836b78d
{
"$schema"
:
"https://vega.github.io/schema/vega-lite/v2.json"
,
"config"
:
{
"background"
:
"#ffffff"
},
"data"
:
{
"url"
:
"data/complaints.csv"
,
"format"
:
{
"type"
:
"csv"
}},
"width"
:
600
,
"data"
:
{
"url"
:
"data/complaints.csv"
,
"format"
: