Skip to content

Commit c2fc346

Browse files
committed
correction conclusion
1 parent de22a79 commit c2fc346

2 files changed

Lines changed: 5 additions & 5 deletions

File tree

milestones/ProcessBook.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -397,7 +397,7 @@ <h3>How the Sketches Evolved</h3>
397397
<h3>Key Technical Decisions</h3>
398398

399399
<p>
400-
<strong>Scrollama</strong> wraps the IntersectionObserver API to determine which narrative step is active, letting us define scroll beats as HTML divs and trigger D3 transitions declaratively. We initially used <strong>Lenis</strong> for smooth scrolling but removed it after it caused lag with D3 force simulations native CSS <code>scroll-behavior: smooth</code> proved sufficient. We centralized tooltip logic, color scales, and note family mappings in <code>main.js</code>; each of the eight visualization modules follows the same pattern: one init function, one JSON file, one SVG. Co-occurrence and Sankey computations were moved to Python after the JavaScript version took 4+ seconds.
400+
<strong>Scrollama</strong> wraps the IntersectionObserver API to determine which narrative step is active, letting us define scroll beats as HTML divs and trigger D3 transitions declaratively. We initially used <strong>Lenis</strong> for smooth scrolling but removed it after it caused lag with D3 force simulations, so native CSS <code>scroll-behavior: smooth</code> proved sufficient. We centralized tooltip logic, color scales, and note family mappings in <code>main.js</code>; each of the eight visualization modules follows the same pattern: one init function, one JSON file, one SVG. Co-occurrence and Sankey computations were moved to Python after the JavaScript version took 4+ seconds.
401401
</p>
402402

403403
<div class="sketch-box">
@@ -474,7 +474,7 @@ <h3>Key Challenges</h3>
474474
</p>
475475

476476
<p>
477-
<strong>SVG sizing bug.</strong> Sticky containers inside flex parents had zero computed width on page load. The fix: lazy initialization via IntersectionObserver each visualization only initializes when its container enters the viewport.
477+
<strong>SVG sizing bug.</strong> Sticky containers inside flex parents had zero computed width on page load. The fix was lazy initialization via IntersectionObserver, where each visualization only initializes when its container enters the viewport.
478478
</p>
479479

480480
<p>
@@ -500,11 +500,11 @@ <h2>Key Insights</h2>
500500
</div>
501501

502502
<div class="insight">
503-
<strong>Composition trends mirror culture; price does not mirror composition.</strong> The timeline reveals a clear arc from aldehydic glamour (1970s) through clean aquatic (1990s) to gourmand and oud (2010s–2020s). Yet the price scatter shows no clean correlation between ingredient sophistication and market value — brand cachet drives pricing more than raw composition.
503+
<strong>Composition trends mirror culture; price does not mirror composition.</strong> The timeline reveals a clear arc from aldehydic glamour (1970s) through clean aquatic (1990s) to gourmand and oud (2010s–2020s). Yet the price scatter shows no clean correlation between ingredient sophistication and market value. Brand cachet drives pricing more than raw composition.
504504
</div>
505505

506506
<div class="insight">
507-
<strong>Geography shapes scent identity.</strong> An interactive world map with radar-on-hover (added after M2 feedback) reveals that the Middle East stands apart from every other region — higher woody, spicy, and musky proportions reflect an oud-based tradition fundamentally different from the Western floral canon. Europe and North America overlap heavily, while Asia favors lighter, citrus-forward profiles.
507+
<strong>Geography shapes scent identity.</strong> An interactive world map with radar-on-hover (added after M2 feedback) reveals that the Middle East stands apart from every other region. Higher woody, spicy, and musky proportions reflect an oud-based tradition fundamentally different from the Western floral canon. Europe and North America overlap heavily, while Asia favors lighter, citrus-forward profiles.
508508
</div>
509509

510510
<h2>Peer Assessment</h2>
@@ -553,7 +553,7 @@ <h2>What We Would Do Differently</h2>
553553
<h2>Conclusion</h2>
554554

555555
<p>
556-
The Anatomy of Scent transforms 24,063 rows of perfume data into a story anyone can follow. Through eight interactive visualizationsincluding a world map added in response to M2 feedback we made the hidden structure of perfumery visible and explorable across composition, gender, time, geography, and price. The project taught us that the hardest part of data visualization is not the code or the data. It is choosing what to show, when to show it, and how much to let the reader discover on their own.
556+
The Anatomy of Scent transforms 24,063 rows of perfume data into a story anyone can follow. Through eight interactive visualizations, including a world map added in response to M2 feedback, we made the hidden structure of perfumery visible and explorable across composition, gender, time, geography, and price. The project taught us that the hardest part of data visualization is not the code or the data. It is choosing what to show, when to show it, and how much to let the reader discover on their own.
557557
</p>
558558
</div>
559559

milestones/ProcessBook.pdf

13 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)