fix: replace broken links in example site

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 }}
 />
 ```

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>

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>
   );
 }

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 })
           }

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() {