From e75e870c6894f0edce0d979bafc7af632769f88a Mon Sep 17 00:00:00 2001
From: Brett <stoddardbrett+git@gmail.com>
Date: Thu, 5 Mar 2026 12:28:00 -0800
Subject: [PATCH] fix: replace broken links in example site

---
 README.md                                            |  4 ++--
 .../src/tableau_examples/AddRemoveFilters.tsx        |  2 +-
 .../src/tableau_examples/Basic.tsx                   |  2 +-
 .../src/tableau_examples/EventListeners.tsx          | 12 ++++++++----
 .../src/tableau_examples/InteractiveProps.tsx        |  3 ++-
 5 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index d235dfe..acd89db 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@ function App() {
     >
       <h1>The Tableau Embedded API v3</h1>
       <h3>Now more lightweight, and backwards compatible!</h3>
-      <TableauEmbed sourceUrl="https://public.tableau.com/views/WorldIndicators/GDPpercapita" />
+      <TableauEmbed sourceUrl="https://public.tableau.com/views/US_WorldIndicators_10_0/Population" />
     </div>
   );
 }
@@ -103,7 +103,7 @@ Note: some props in require odd syntax to pass due to how tableau has hyphenated
 
 ```js
 <TableauEmbed
-  sourceUrl="https://public.tableau.com/views/WorldIndicators/GDPpercapita"
+  sourceUrl="https://public.tableau.com/views/US_WorldIndicators_10_0/Population"
   {...{ "hide-tabs": showTab ? undefined : true }}
 />
 ```
diff --git a/example/react-tableau-embed-live-examples/src/tableau_examples/AddRemoveFilters.tsx b/example/react-tableau-embed-live-examples/src/tableau_examples/AddRemoveFilters.tsx
index 995fef0..52ce81b 100644
--- a/example/react-tableau-embed-live-examples/src/tableau_examples/AddRemoveFilters.tsx
+++ b/example/react-tableau-embed-live-examples/src/tableau_examples/AddRemoveFilters.tsx
@@ -47,7 +47,7 @@ function AddRemoveFilters() {
       <div className="tableau-wrapper">
         <TableauEmbed
           ref={vizRef}
-          sourceUrl="https://public.tableau.com/views/WorldIndicators/GDPpercapita"
+          sourceUrl="https://public.tableau.com/views/US_WorldIndicators_10_0/Population"
           {...{ "hide-tabs": true }}
         />
       </div>
diff --git a/example/react-tableau-embed-live-examples/src/tableau_examples/Basic.tsx b/example/react-tableau-embed-live-examples/src/tableau_examples/Basic.tsx
index 5a5e347..2e564b9 100644
--- a/example/react-tableau-embed-live-examples/src/tableau_examples/Basic.tsx
+++ b/example/react-tableau-embed-live-examples/src/tableau_examples/Basic.tsx
@@ -7,7 +7,7 @@ import {
 function AddRemoveFilters() {
   return (
     <div className="App">
-      <TableauEmbed sourceUrl="https://public.tableau.com/views/WorldIndicators/GDPpercapita" />
+      <TableauEmbed sourceUrl="https://public.tableau.com/views/US_WorldIndicators_10_0/Population" />
     </div>
   );
 }
diff --git a/example/react-tableau-embed-live-examples/src/tableau_examples/EventListeners.tsx b/example/react-tableau-embed-live-examples/src/tableau_examples/EventListeners.tsx
index d7e7941..8e13975 100644
--- a/example/react-tableau-embed-live-examples/src/tableau_examples/EventListeners.tsx
+++ b/example/react-tableau-embed-live-examples/src/tableau_examples/EventListeners.tsx
@@ -9,9 +9,13 @@ function AddRemoveFilters() {
     <div className="App">
       <div>
         <p>
-          This example shows event listeners. Two types are exposed as props:
-          callbacks which have the names defined in the Tableau documentation
-          are passed as props to <span>{"<tableau-viz>"}</span>
+          {
+            "This example shows event listeners which will trigger console logs (inspect page -> console to view)."
+          }
+          <br />
+          Two types are exposed as props: callbacks which have the names defined
+          in the Tableau documentation are passed as props to{" "}
+          <span>{"<tableau-viz>"}</span>
           (e.g., "onMarkSelectionChanged"), and those which are added via an
           event listener which have a prefix (e.g.,
           "onEventListenerMarkSelectionChanged").
@@ -29,7 +33,7 @@ function AddRemoveFilters() {
       </div>
       <div className="tableau-wrapper-min">
         <TableauEmbed
-          sourceUrl="https://public.tableau.com/views/WorldIndicators/GDPpercapita"
+          sourceUrl="https://public.tableau.com/views/US_WorldIndicators_10_0/Population"
           onMarkSelectionChanged={(e: any) =>
             console.log("callback example: onMarkSelectionChanged:", { e })
           }
diff --git a/example/react-tableau-embed-live-examples/src/tableau_examples/InteractiveProps.tsx b/example/react-tableau-embed-live-examples/src/tableau_examples/InteractiveProps.tsx
index e26eedd..7bd2520 100644
--- a/example/react-tableau-embed-live-examples/src/tableau_examples/InteractiveProps.tsx
+++ b/example/react-tableau-embed-live-examples/src/tableau_examples/InteractiveProps.tsx
@@ -13,7 +13,8 @@ const defaultProps = {
   height: 500,
   width: 500,
   // "hide-tabs": false,
-  sourceUrl: "https://public.tableau.com/views/WorldIndicators/GDPpercapita",
+  sourceUrl:
+    "https://public.tableau.com/views/US_WorldIndicators_10_0/Population",
 };
 
 function InteractiveProps() {