diff --git a/src/App.tsx b/src/App.tsx
index 5aa88aa..137b362 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -167,6 +167,9 @@ if(urlRoom != 'test'){
         ) : (
           <Dictaphone grimoire={[...primitives, ...grimoire]}/>
         )}
+        <video width="768" height="452" controls>
+          <source src="./WizDemoSequence.mp4" type="video/mp4"></source>
+        </video>
       </div>
     </DispatchContext.Provider>
   );
diff --git a/src/SpellCasting/Interpreter.tsx b/src/SpellCasting/Interpreter.tsx
index db73153..3704e37 100644
--- a/src/SpellCasting/Interpreter.tsx
+++ b/src/SpellCasting/Interpreter.tsx
@@ -216,7 +216,7 @@ function Interpreter(props:any) {//:any
                   yVariableName={axisCount > 1 ? 'petalLength' : null} 
                   zVariableName={axisCount > 2 ? 'sepalWidth' : null}
                   markType={markType}
-                  color={markColorVar} /> : null }
+                  colorVar={markColorVar} /> : null }
                 {/* Z */}
                 {axisCount > 2 ? <Axis
                   position={[0, 0, 0.25]}
diff --git a/src/SpellCasting/OptomanticElements/PlotArea.tsx b/src/SpellCasting/OptomanticElements/PlotArea.tsx
index 43c766d..5a53cab 100644
--- a/src/SpellCasting/OptomanticElements/PlotArea.tsx
+++ b/src/SpellCasting/OptomanticElements/PlotArea.tsx
@@ -17,7 +17,7 @@ export const PlotArea = (props:any) => {
                     <sphereGeometry attach="geometry" args={[0.01, 8, 8]} />
                     <meshStandardMaterial
                     attach="material"
-                    color={props.color ? new THREE.Color(props.scales.color(props.color)) : "white"}
+                    color={props.colorVar ? new THREE.Color(props.scales.color(el[props.colorVar])) : "white"}
                     roughness={0.1}
                     metalness={0.1}
                     />