diff --git a/assets/ggplot-example.png b/assets/ggplot-example.png new file mode 100644 index 0000000..cd90f20 Binary files /dev/null and b/assets/ggplot-example.png differ diff --git a/index.html b/index.html index 9a15a86..4c0e1c7 100644 --- a/index.html +++ b/index.html @@ -106,7 +106,7 @@ VISUALIZATION 1: VEGA-LITE EXAMPLE Copy this
block to add more visualizations. - For other viz types, see examples below (Tableau, images). + For other viz types, see examples below (Tableau, R/ggplot2, images). See ASSIGNMENT.md for quality checklist requirements. ============================================ -->
@@ -223,9 +223,7 @@ ========================================== -->
-

⚠️ REPLACE THIS SECTION

-

Paste your Tableau Public embed code here

-

Delete this placeholder div entirely and replace with your embed code

+

Key Insights

@@ -239,12 +237,70 @@
+
+
+

3. Using External Libraries: R + ggplot2 Example

+
+ +

Context & Question

+

+ This example demonstrates how to use external visualization libraries + like R's ggplot2. You can create visualizations in your preferred + tool/language, export them as images, and include them in your portfolio. +

+ +

Design Decisions

+

+ This visualization was created using R and the ggplot2 library, + a powerful tool for creating publication-quality graphics. The code + loads city population data and creates a line chart showing population + trends over time for different cities. After creating the visualization + in R, it was exported as a PNG image and included in the portfolio. +

+ + +
+ 📝 Click to view R code +
install.packages("ggplot2")
+library(ggplot2)
+
+data <- read.csv('assets/city-population.csv')
+
+ggplot(data, aes(x = Year, y = population,
+                 color = Entity)) + geom_line()
+
+ + + + + City population trends over time created with ggplot2 + +

Key Insights

+

+ [When using your own data: Describe the patterns, trends, or outliers + you discovered. What should viewers take away from this visualization?] +

+ +
+ Data Source: assets/city-population.csv +
+
+ +
-

3. [Title of Your Third Visualization]

+

4. [Title of Your Visualization]

Context & Question

@@ -279,12 +335,12 @@
-

4. [Title of Your Fourth Visualization]

+

5. [Title of Your Fifth Visualization]

Context & Question

@@ -296,7 +352,7 @@

Add your visualization here

-

Copy one of the templates above (Vega-Lite, Tableau, or Image)

+

Copy one of the templates above (Vega-Lite, Tableau, R/Python, or Image)

Key Insights

@@ -308,12 +364,12 @@
-

5. [Title of Your Fifth Visualization]

+

6. [Title of Your Sixth Visualization]

Context & Question