diff --git a/pages/course/scales/linear-scale.tsx b/pages/course/scales/linear-scale.tsx index 2696c9743..be212fd83 100644 --- a/pages/course/scales/linear-scale.tsx +++ b/pages/course/scales/linear-scale.tsx @@ -267,27 +267,33 @@ const exercices: Exercise[] = [ whyItMatters: ( <>

- The logic behind each functions of the d3-shape module is - the same. + There is no way you can build this kind of chart with a charting + library like plotly or highCharts.

- If you have a good understanding of d3.line(), you're on the right way - to build any other chart type! + Thanks to d3, we can build literally anything. It's just + a bit of mental gymnastic!

), toDo: ( <>

- Let's create a mirror histogram!! The mirror histogram looks like - this: + Let's create a mirror histogram! Check the solution tab + to see how it must look like.

diff --git a/pages/course/scales/other-scale-types.tsx b/pages/course/scales/other-scale-types.tsx index 9d01c184c..8cc602d2f 100644 --- a/pages/course/scales/other-scale-types.tsx +++ b/pages/course/scales/other-scale-types.tsx @@ -25,17 +25,6 @@ export default function Home() { return null; } - const yScale = scaleBand() - .domain(['A', 'B', 'C']) - .range([0, 240]) - .paddingInner(0.33) - .paddingOuter(0); - - // console.log(yScale('A')); - // console.log(yScale('B')); - // console.log(yScale('C')); - // console.log(yScale.bandwidth()); - return ( green }, ]} /> + +
TODOOOOOOOOO
{/* - - - diff --git a/viz/exercise/linearScaleMirrorSolution/Graph.tsx b/viz/exercise/linearScaleMirrorSolution/Graph.tsx index e803e1b82..3b6a42a3f 100644 --- a/viz/exercise/linearScaleMirrorSolution/Graph.tsx +++ b/viz/exercise/linearScaleMirrorSolution/Graph.tsx @@ -43,24 +43,24 @@ export const Graph = () => { {/* Right Bars */} @@ -69,21 +69,21 @@ export const Graph = () => { x={scaleLeft(23)} y={50} height={30} - width={WIDTH / 2 - PADDING_CENTER / 2 - scaleLeft(23)} + width={scaleLeft(0) - scaleLeft(23)} fill="#69b3a2" />