Merge branch 'master' of https://github.com/theosanderson/taxonium

theosanderson · May 25, 2023 · ace1856 · ace1856
2 parents 81ea4af + 4eb2f72
commit ace1856
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -36,7 +36,7 @@ For trees larger than about 6M tips, loading local trees in the browser at Taxon
 
 ### use Taxonium in my own web application?
 
-See the documentation for the Taxonium component.
+Use the [Taxonium component](./taxonium_component).
 
 ## See Taxonium in action
 

diff --git a/taxonium_component/README.md b/taxonium_component/README.md
@@ -13,7 +13,7 @@ Here's an example of how to set up the source data and use the Taxonium componen
 
 First, set up the source data in JavaScript:
 
-```{js}
+```js
 const nwk = `((A:0.1,B:0.2):0.3,(C:0.4,D:0.5):0.6);`;
 
 const metadata_text = 
@@ -42,7 +42,7 @@ const sourceData = {
 
 In React, you can use the Taxonium component as follows:
 
-```{js}
+```js
 import Taxonium from 'taxonium-component';
 
 const App = () => {
@@ -54,7 +54,7 @@ const App = () => {
 
 If you're working with basic HTML, you can include the Taxonium component using a script tag:
 
-```{html}
+```html
 <body>
   <div id="root"></div>
 
@@ -63,7 +63,11 @@ If you're working with basic HTML, you can include the Taxonium component using
   <script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
 
   <!-- Include Taxonium Component -->
-  <script src="https://unpkg.com/[email protected]/dist/taxonium-component.umd.js"></script>
+  <script src="https://unpkg.com/taxonium-component"></script>
+
+  <script>
+    // Source data code from above
+  </script>
 
   <script>
     const MyComponent = TaxoniumComponent.Taxonium;
@@ -81,7 +85,7 @@ If you're working with basic HTML, you can include the Taxonium component using
 
 ### Developing the package
 
-```
+```bash
 yarn install
 yarn storybook
-```
+```