add bigwig example

src/stories/DnaLogo.stories.tsx

@@ -83,6 +83,27 @@ export const CustomStartingBase: Story = {
   },
 };
 
+export const Bigwig: Story = {
+  args: {
+    ...CAPMotifIC.args,
+    data: [
+      [0, 0, 1.3, 0],
+      [0, 0, 1, 0],
+      [0.8, 0, 0, 0],
+      [0, -0.3, 0, 0],
+      [-0.5, 0, 0, 0],
+      [0, 0, 0, 0.8],
+      [0.7, 0, 0, 0],
+      [0, 0, 0, 1.3],
+    ],
+    mode: "RAW",
+    dataType: DataType.VALUES,
+    RawLogoProps: {
+      negativeAlpha: 1,
+    },
+  },
+};
+
 export const CustomGlyphs: Story = {
   args: {
     ...CAPMotifIC.args,

src/stories/gallery/DNALogos.mdx

@@ -27,6 +27,14 @@ This logo shows the consensus DNA binding motif for CTCF. Here, the letter heigh
 
 <Canvas of={DNALogos.CTCFMotifFrequency} />
 
+## BigWigs
+
+**Raw values can be displayed to plot data from bigWigs or SHAP scores.**
+
+This plot shows SHAP importance scores from model attributions from a deep-learning model. The scores are plotted as a DNA logo, with the height of each letter corresponding to the importance of that base in the model's prediction.
+
+<Canvas of={DNALogos.Bigwig} />
+
 ## Custom Starting Base
 
 **A DNA logo can use a custom number for the first base.**