From b421616e118a8abfd80577575a30e858ad951167 Mon Sep 17 00:00:00 2001 From: Danyel Fisher Date: Sat, 6 Jan 2018 16:50:33 -0800 Subject: [PATCH] fixed siteprep examplepage name --- .gitignore | 1 + _layouts/{page.html => examplepage.html} | 0 examples/5_10_density-cat.md | 10 ++++++++++ examples/5_11_density-cont.md | 3 +-- examples/5_12_bar-chart.md | 3 +-- examples/5_13a_clustered-bar-chart.md | 3 +-- examples/5_14_justone_pie.md | 3 +-- examples/5_15_heatmap.md | 3 +-- examples/5_16_scatterplot.md | 3 +-- examples/5_17_line.md | 3 +-- examples/5_18_area-stacked.md | 3 +-- examples/5_19_force.md | 3 +-- examples/5_1_scatter.md | 3 +-- examples/5_20_circular.md | 3 +-- examples/5_21_adjancency.md | 3 +-- examples/5_22_treeview.md | 3 +-- examples/5_23_treemap.md | 3 +-- examples/5_24_sunburst.md | 3 +-- examples/5_25_map.md | 3 +-- examples/5_26_zip.md | 3 +-- examples/5_27_wordcloud.md | 3 +-- examples/5_2_clustered-bar.md | 3 +-- examples/5_3_clustered-bar-2.md | 3 +-- examples/5_4_stacked.md | 3 +-- examples/5_6_hist-cat.md | 3 +-- examples/5_7_hist-quant.md | 3 +-- examples/5_8_fixed_smoothed.md | 3 +-- examples/5_9_box-plot.md | 3 +-- examples/6_10_crossfilter.md | 3 +-- examples/6_1_small-multiples-states.md | 3 +-- examples/6_2_splom.md | 3 +-- examples/6_9_multimap.md | 3 +-- scripts/siteprep.js | 3 +-- 33 files changed, 41 insertions(+), 60 deletions(-) rename _layouts/{page.html => examplepage.html} (100%) create mode 100644 examples/5_10_density-cat.md diff --git a/.gitignore b/.gitignore index 3ecd503..95ca6de 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ _site/ test.md spec/unused.txt +node_modules/ \ No newline at end of file diff --git a/_layouts/page.html b/_layouts/examplepage.html similarity index 100% rename from _layouts/page.html rename to _layouts/examplepage.html diff --git a/examples/5_10_density-cat.md b/examples/5_10_density-cat.md new file mode 100644 index 0000000..6bf9b54 --- /dev/null +++ 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 index 13095fc..e138297 100644 --- 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 index d62a95e..c6f9a39 100644 --- 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 index ab49d4a..6db04c2 100644 --- 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 index 14baac8..8c7aef5 100644 --- 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 index 9d0f32f..010c997 100644 --- 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 index 2cfc9a3..f3eef25 100644 --- 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 index 2f3c917..3acbf7c 100644 --- 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 index 8e258de..ebc9d91 100644 --- 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 index 3e96457..d25d73b 100644 --- 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 index a76e8a7..778f433 100644 --- 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 index 9081234..c7e8f96 100644 --- 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 index 9a51751..1359a8c 100644 --- 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 index 368d81e..06a1adf 100644 --- 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 index 0e52726..92e4cf0 100644 --- 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 index 117f696..03ba133 100644 --- 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 index 0082e9f..ad52269 100644 --- 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 index 18ef68d..f65964d 100644 --- 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 index 43abaee..d78542d 100644 --- 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 index dc3a659..dd6eb27 100644 --- 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 index 813ab66..797b5d6 100644 --- 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 index 7c80253..19cb077 100644 --- 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 index cf37dd3..9e92294 100644 --- 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 index 17c1209..05c0704 100644 --- 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 index ef2cec7..44eadbd 100644 --- 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 index 6f9240c..ea03f05 100644 --- 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 index 1842eab..18b2b4a 100644 --- 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 index 2ada49b..e32a3b9 100644 --- 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 index d58fdcc..48d9591 100644 --- 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 index ba26847..6279610 100644 --- 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 index 0cbe1eb..5e412a0 100644 --- 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