fixed siteprep examplepage name

MakingDataVisual · Jan 7, 2018 · b421616 · b421616
1 parent 23c673c
commit b421616
Show file tree

Hide file tree

Showing 33 changed files with 41 additions and 60 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 _site/
 test.md
 spec/unused.txt
+node_modules/
diff --git a/_layouts/page.html → _layouts/examplepage.html b/_layouts/page.html → _layouts/examplepage.html
diff --git a/examples/5_10_density-cat.md b/examples/5_10_density-cat.md
@@ -0,0 +1,10 @@
+---
+layout: examplepage
+description: The number of cars, grouping body style by make.
+title: Categorical Density Plot
+permalink: /examples/5_10_density-cat.html
+image: /img/5_10_density-cat.png
+number: 5-10
+spec: 5_10_density-cat.vl.json
+---
+The number of cars, grouping body style by make.
diff --git a/examples/5_11_density-cont.md b/examples/5_11_density-cont.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The joint distribution of efficiency, as measured in MPG, against the weight of the car.
 title: Continuous Density Plot
 permalink: /examples/5_11_density-cont.html

diff --git a/examples/5_12_bar-chart.md b/examples/5_12_bar-chart.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Bar length shows the average efficiency by body style using the same data as in Figure 5-9.
 title: Bar Chart
 permalink: /examples/5_12_bar-chart.html

diff --git a/examples/5_13a_clustered-bar-chart.md b/examples/5_13a_clustered-bar-chart.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Efficiency by body style is now divided into diesel versus gas cars.
 title: Paired (or Multiple) Series Bar Chart
 permalink: /examples/5_13a_clustered-bar-chart.html

diff --git a/examples/5_14_justone_pie.md b/examples/5_14_justone_pie.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description:  The CFPB data shows the ways that complaints have been closed.
 title: Pie (or Doughnut) Chart
 permalink: /examples/5_14_justone_pie.html

diff --git a/examples/5_15_heatmap.md b/examples/5_15_heatmap.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The CFPB data shows the ways that complaints have been closed, broken out by month and year.
 title: Heatmap
 permalink: /examples/5_15_heatmap.html

diff --git a/examples/5_16_scatterplot.md b/examples/5_16_scatterplot.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The relation between curb weight and MPG for five different styles of car.
 title: Scatterplot
 permalink: /examples/5_16_scatterplot.html

diff --git a/examples/5_17_line.md b/examples/5_17_line.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Count of consumer complaints by year and month for the CFPB data.
 title: Line Chart
 permalink: /examples/5_17_line.html

diff --git a/examples/5_18_area-stacked.md b/examples/5_18_area-stacked.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Count of consumer complaints, like Figure 5-17, broken out by product. Mortgages stabilized while credit reporting grew. This shows the same data as Figure 5-15.
 title: Stacked Area Chart
 permalink: /examples/5_18_area-stacked.html

diff --git a/examples/5_19_force.md b/examples/5_19_force.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: This data from the Les Miserables dataset shows coappearance in the novel between characters. The network has been truncated to 40 nodes for legibility. Colors are mapped to groups of characters
 title: Node-Link View (Force-Directed Layout)
 permalink: /examples/5_19_force.html

diff --git a/examples/5_1_scatter.md b/examples/5_1_scatter.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A scatterplot emphasizes the relationship between cases that received relief and those that did not for five different products.
 title: Scatterplot
 permalink: /examples/5_1_scatter.html

diff --git a/examples/5_20_circular.md b/examples/5_20_circular.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: This data from the Les Miserables dataset shows coappearance in the novel between characters. The network has been truncated to 40 nodes for legibility. Colors are mapped to groups of characters
 title: Circular Network Layout
 permalink: /examples/5_20_circular.html

diff --git a/examples/5_21_adjancency.md b/examples/5_21_adjancency.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Shows the same data as Figures 5-19 and 5-20
 title: Adjacency Matrix
 permalink: /examples/5_21_adjancency.html

diff --git a/examples/5_22_treeview.md b/examples/5_22_treeview.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: This is a hierarchy of the types of complaints to the CFPB and the percentage of them that received relief. The second layer of the tree corresponds to the values in Figures 5-1 through 5-4.
 title: Tree View
 permalink: /examples/5_22_treeview.html

diff --git a/examples/5_23_treemap.md b/examples/5_23_treemap.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Represents the same data as Figure 5-22 but adds a second dimension for size: the number of complaints.
 title: Treemap
 permalink: /examples/5_23_treemap.html

diff --git a/examples/5_24_sunburst.md b/examples/5_24_sunburst.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Represents the same data as Figure 5-23.
 title: Sunburst plot
 permalink: /examples/5_24_sunburst.html

diff --git a/examples/5_25_map.md b/examples/5_25_map.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Values correspond to regions, such as states or counties. This chart uses census data to look at the percentage of the population with income over $200,000.
 title: Choropleth
 permalink: /examples/5_25_map.html

diff --git a/examples/5_26_zip.md b/examples/5_26_zip.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A scatterplot, where the x- and y-axes are geographical (or a list of geographical points); additional dimensions for size, color, or shape. Dots are located at the centroid of each zip code; the first digit encodes color.
 title: Dotplot map
 permalink: /examples/5_26_zip.html

diff --git a/examples/5_27_wordcloud.md b/examples/5_27_wordcloud.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The text of the Preface to this book, sized by number of uses of the word. Color in this chart is arbitrary.
 title: Word Cloud
 permalink: /examples/5_27_wordcloud.html

diff --git a/examples/5_2_clustered-bar.md b/examples/5_2_clustered-bar.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A different clustering emphasizes the different sizes of the populations who didn’t receive relief (and the similarity of those who did).
 title: Clustered Barchart
 permalink: /examples/5_2_clustered-bar.html

diff --git a/examples/5_3_clustered-bar-2.md b/examples/5_3_clustered-bar-2.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A clustered bar chart emphasizes the contrast between the number of people who requested relief and those who attained it.
 title: Clustered Barchart
 permalink: /examples/5_3_clustered-bar-2.html

diff --git a/examples/5_4_stacked.md b/examples/5_4_stacked.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A stacked bar chart emphasizes the total number of complaints.
 title: Stacked Barchart
 permalink: /examples/5_4_stacked.html

diff --git a/examples/5_6_hist-cat.md b/examples/5_6_hist-cat.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The distribution of car styles in the cars dataset.
 title: Categorical Histogram
 permalink: /examples/5_6_hist-cat.html

diff --git a/examples/5_7_hist-quant.md b/examples/5_7_hist-quant.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A kernel density estimate of the city-mpg field of the cars dataset. Smoothed with a narrow bandwidth, the dataset shows sharp peaks. Smoothed with a wider bandwidth, the dataset shows a gaussian-like distribution.
 title: Quantitative Histogram
 permalink: /examples/5_7_hist-quant.html

diff --git a/examples/5_8_fixed_smoothed.md b/examples/5_8_fixed_smoothed.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The distribution of car ratings for the city-mpg field.
 title: Smoothed Histogram
 permalink: /examples/5_8_fixed_smoothed.html

diff --git a/examples/5_9_box-plot.md b/examples/5_9_box-plot.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The distribution of car ratings for the city-mpg field.
 title: Box Plot
 permalink: /examples/5_9_box-plot.html

diff --git a/examples/6_10_crossfilter.md b/examples/6_10_crossfilter.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: The three views—two sorted bar charts and a scatterplot—are linked together. The user has selected a region of the scatterplot (grey box, orange dots), and the selected values correspondingly light up on the bar charts. This is based on the World Bank dataset.
 title: Cross-Selection
 permalink: /examples/6_10_crossfilter.html

diff --git a/examples/6_1_small-multiples-states.md b/examples/6_1_small-multiples-states.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Small multiples of choropleths. In each choropleth, the percentages of the states’ populations for a specific salary range are shown—the small multiple views are partitioned over the set of salary ranges.
 title: Small Multiples, Split by Dimension
 permalink: /examples/6_1_small-multiples-states.html

diff --git a/examples/6_2_splom.md b/examples/6_2_splom.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: A SPLOM comparing attributes of cars in the scatterplots, with a color encoding indicating whether the cars are all-, rear-, or front-wheel drive. This chart helps show, for example, that rear- and front-wheel-drive cars can be separated by their curb weight in conjunction with city-mpg or highway-mpg more than by their width and length.
 title: SPLOM
 permalink: /examples/6_2_splom.html

diff --git a/examples/6_9_multimap.md b/examples/6_9_multimap.md
@@ -1,6 +1,5 @@
 ---
-layout: page
-menu: examples
+layout: examplepage
 description: Even with different measures, these three choropleths illustrate the value of aligning scales and maintaining coordinate systems. The maps show the population of each state, the percentage of the population that are engineers, and the number of hurricanes. (The very different map color schemes suggest that engineers do not cause hurricanes.)
 title: Small Multiples, Showing Different Measures
 permalink: /examples/6_9_multimap.html

diff --git a/scripts/siteprep.js b/scripts/siteprep.js
@@ -12,8 +12,7 @@ const examples = require('../_data/figures.json');
 
 function createPage(example) {
   return (`---
-layout: page
-menu: examples
+layout: examplepage
 ${example.caption ? `description: ${example.caption}`: ''}
 title: ${example.title}
 permalink: /examples/${example.name}.html