admin/open-school
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

svg correction

Browse Source
This commit is contained in:
laurentbarontini
2026-05-12 21:43:27 +02:00
parent 0e635d124e
commit 367d72e200
83 changed files with 560 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_01.svg
View File

@@ -5,18 +5,18 @@
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -98.08 122 246.88">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
<text x="55" y="122.8" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_02.svg
View File

@@ -5,18 +5,18 @@
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -98.08 122 246.88">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
<text x="55" y="122.8" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_03.svg
View File

@@ -5,18 +5,18 @@
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -98.08 122 246.88">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
<text x="55" y="122.8" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_04.svg
View File

@@ -5,18 +5,18 @@
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -98.08 122 246.88">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
<text x="55" y="122.8" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_01.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(190 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="64" height="92" rx="12" class="orange"/>
@@ -23,10 +23,10 @@
</g><text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(330 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
@@ -34,10 +34,10 @@
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<g transform="translate(310 0)" class="fraction-g" data-box="0 -34.9 60 79.9">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
<text x="30" y="35.5" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_02.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(190 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="64" height="92" rx="12" class="orange"/>
@@ -23,10 +23,10 @@
</g><text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(330 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
@@ -34,10 +34,10 @@
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<g transform="translate(310 0)" class="fraction-g" data-box="0 -34.9 60 79.9">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
<text x="30" y="35.5" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_03.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(190 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="64" height="92" rx="12" class="orange"/>
@@ -23,10 +23,10 @@
</g><text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(330 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
@@ -34,10 +34,10 @@
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<g transform="translate(310 0)" class="fraction-g" data-box="0 -34.9 60 79.9">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
<text x="30" y="35.5" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_04.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(190 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="64" height="92" rx="12" class="orange"/>
@@ -23,10 +23,10 @@
</g><text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(330 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
@@ -34,10 +34,10 @@
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<g transform="translate(310 0)" class="fraction-g" data-box="0 -34.9 60 79.9">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
<text x="30" y="35.5" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/03_fraction_sur_demi_droite_graduee/card_01.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
<text x="0" y="17" class="h2">Exemple : placer</text>
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -31.9 50 79.9">
<text x="21" y="-4.4" text-anchor="middle" class="h2">5</text>
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
<text x="21" y="21.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="38.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 Z" fill="#26383d"/>
@@ -21,16 +21,16 @@
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
</g><g class="math-expression" transform="translate(411 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="60" y="13" class="body"> est juste après 1.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/03_fraction_sur_demi_droite_graduee/card_02.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
<text x="0" y="17" class="h2">Exemple : placer</text>
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -31.9 50 79.9">
<text x="21" y="-4.4" text-anchor="middle" class="h2">5</text>
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
<text x="21" y="21.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="38.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 Z" fill="#26383d"/>
@@ -21,16 +21,16 @@
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
</g><g class="math-expression" transform="translate(411 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="60" y="13" class="body"> est juste après 1.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/04_fraction_superieure_a_un/card_01.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="110" height="80" rx="12" class="green"/>
@@ -29,36 +29,36 @@
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="228" y="21" class="op">+</text>
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><g class="math-expression" transform="translate(70 258)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="130" y="21" class="op">1</text>
<text x="178" y="21" class="op">+</text>
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste trois quarts.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/04_fraction_superieure_a_un/card_02.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="110" height="80" rx="12" class="green"/>
@@ -29,36 +29,36 @@
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="228" y="21" class="op">+</text>
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><g class="math-expression" transform="translate(70 258)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="130" y="21" class="op">1</text>
<text x="178" y="21" class="op">+</text>
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste trois quarts.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/04_fraction_superieure_a_un/card_03.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="110" height="80" rx="12" class="green"/>
@@ -29,36 +29,36 @@
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="228" y="21" class="op">+</text>
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><g class="math-expression" transform="translate(70 258)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="130" y="21" class="op">1</text>
<text x="178" y="21" class="op">+</text>
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste trois quarts.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

16
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/05_comparer_fractions_simples/card_01.svg
View File

@@ -6,16 +6,16 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
<text x="90" y="21" class="op">&lt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="86" height="58" rx="12" class="orange"/>
@@ -36,16 +36,16 @@
<line x1="344" y1="0" x2="344" y2="58" class="line"/>
</g></g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">2</text>
<text x="26" y="56.3" text-anchor="middle" class="num">2</text>
</g>
<text x="90" y="21" class="op">&gt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" class="body">Toujours comparer la même unité.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

16
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/05_comparer_fractions_simples/card_02.svg
View File

@@ -6,16 +6,16 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
<text x="90" y="21" class="op">&lt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="86" height="58" rx="12" class="orange"/>
@@ -36,16 +36,16 @@
<line x1="344" y1="0" x2="344" y2="58" class="line"/>
</g></g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">2</text>
<text x="26" y="56.3" text-anchor="middle" class="num">2</text>
</g>
<text x="90" y="21" class="op">&gt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" class="body">Toujours comparer la même unité.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

16
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/05_comparer_fractions_simples/card_03.svg
View File

@@ -6,16 +6,16 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
<text x="90" y="21" class="op">&lt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="86" height="58" rx="12" class="orange"/>
@@ -36,16 +36,16 @@
<line x1="344" y1="0" x2="344" y2="58" class="line"/>
</g></g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">2</text>
<text x="26" y="56.3" text-anchor="middle" class="num">2</text>
</g>
<text x="90" y="21" class="op">&gt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" class="body">Toujours comparer la même unité.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

20
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/06_encadrer_fraction_entre_entiers/card_01.svg
View File

@@ -7,42 +7,42 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(36 70)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">3</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">3</text>
</g>
</g>
<line x1="100" y1="230" x2="670" y2="230" class="line"/><path d="M670 230 L648 219 L648 241 Z" fill="#26383d"/>
<g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/></g><g class="math-expression" transform="translate(452 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -28.52 38 64.72">
<text x="19" y="-6.12" text-anchor="middle" class="body">7</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/>
<text x="19" y="14.52" text-anchor="middle" class="body">3</text>
<text x="19" y="28.2" text-anchor="middle" class="body">3</text>
</g>
</g><g class="math-expression" transform="translate(790 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="132" y="21" class="op">2</text>
</g><g class="math-expression" transform="translate(1040 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">9</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="132" y="21" class="op">3</text>
</g><g class="math-expression" transform="translate(790 235)">
<text x="0" y="21" class="op">2</text>
<text x="62" y="21" class="op">&lt;</text>
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="210" y="21" class="op">&lt;</text>
<text x="272" y="21" class="op">3</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

20
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/06_encadrer_fraction_entre_entiers/card_02.svg
View File

@@ -7,42 +7,42 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(36 70)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">3</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">3</text>
</g>
</g>
<line x1="100" y1="230" x2="670" y2="230" class="line"/><path d="M670 230 L648 219 L648 241 Z" fill="#26383d"/>
<g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/></g><g class="math-expression" transform="translate(452 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -28.52 38 64.72">
<text x="19" y="-6.12" text-anchor="middle" class="body">7</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/>
<text x="19" y="14.52" text-anchor="middle" class="body">3</text>
<text x="19" y="28.2" text-anchor="middle" class="body">3</text>
</g>
</g><g class="math-expression" transform="translate(790 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="132" y="21" class="op">2</text>
</g><g class="math-expression" transform="translate(1040 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">9</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="132" y="21" class="op">3</text>
</g><g class="math-expression" transform="translate(790 235)">
<text x="0" y="21" class="op">2</text>
<text x="62" y="21" class="op">&lt;</text>
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="210" y="21" class="op">&lt;</text>
<text x="272" y="21" class="op">3</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/07_additionner_soustraire_fractions_simples/card_01.svg
View File

@@ -6,22 +6,22 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression" transform="translate(80 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="86" y="21" class="op">+</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">5</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="70" height="70" rx="12" class="orange"/>
@@ -37,22 +37,22 @@
<line x1="420" y1="0" x2="420" y2="70" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J&#x27;ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression" transform="translate(65 270)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="86" y="21" class="op">-</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
</g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/07_additionner_soustraire_fractions_simples/card_02.svg
View File

@@ -6,22 +6,22 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression" transform="translate(80 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="86" y="21" class="op">+</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">5</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="70" height="70" rx="12" class="orange"/>
@@ -37,22 +37,22 @@
<line x1="420" y1="0" x2="420" y2="70" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J&#x27;ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression" transform="translate(65 270)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="86" y="21" class="op">-</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
</g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/07_additionner_soustraire_fractions_simples/card_03.svg
View File

@@ -6,22 +6,22 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression" transform="translate(80 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="86" y="21" class="op">+</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">5</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="70" height="70" rx="12" class="orange"/>
@@ -37,22 +37,22 @@
<line x1="420" y1="0" x2="420" y2="70" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J&#x27;ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression" transform="translate(65 270)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="86" y="21" class="op">-</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
</g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/08_fraction_d_une_quantite/card_01.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 72)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(250 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
<text x="326" y="17" class="h2">de 20</text>
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
@@ -24,10 +24,10 @@
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
<text x="0" y="13" class="body">Pour trouver</text>
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="398" y="13" class="body">d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/08_fraction_d_une_quantite/card_02.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 72)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(250 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
<text x="326" y="17" class="h2">de 20</text>
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
@@ -24,10 +24,10 @@
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
<text x="0" y="13" class="body">Pour trouver</text>
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="398" y="13" class="body">d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/08_fraction_d_une_quantite/card_03.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 72)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(250 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
<text x="326" y="17" class="h2">de 20</text>
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
@@ -24,10 +24,10 @@
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
<text x="0" y="13" class="body">Pour trouver</text>
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="398" y="13" class="body">d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/01_lire_ecrire_fraction_simple/exercices.svg
View File

@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Lire et ecrire une fraction</text>
<g transform="translate(110 190)"><rect width="430" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Lis</text><g transform="translate(58 125)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">2</text></g><line x1="190" y1="133" x2="360" y2="133" class="blank" /><g transform="translate(58 247)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><line x1="190" y1="255" x2="360" y2="255" class="blank" /><g transform="translate(58 369)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">8</text></g><line x1="190" y1="377" x2="360" y2="377" class="blank" /><g transform="translate(58 491)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 106 110"><text x="43" y="-5.68" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="25.28" text-anchor="middle" class="frac">10</text></g><line x1="190" y1="499" x2="360" y2="499" class="blank" /></g><g transform="translate(590 190)"><rect width="430" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Haut et bas</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">5</text></g><text x="175" y="123" class="small">Numerateur :</text><line x1="320" y1="123" x2="385" y2="123" class="blank" /><text x="175" y="187" class="small">Denominateur :</text><line x1="330" y1="187" x2="385" y2="187" class="blank" /><g transform="translate(58 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">9</text></g><text x="175" y="283" class="small">Numerateur :</text><line x1="320" y1="283" x2="385" y2="283" class="blank" /><text x="175" y="347" class="small">Denominateur :</text><line x1="330" y1="347" x2="385" y2="347" class="blank" /><g transform="translate(58 465)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">7</text></g><text x="175" y="443" class="small">Numerateur :</text><line x1="320" y1="443" x2="385" y2="443" class="blank" /><text x="175" y="507" class="small">Denominateur :</text><line x1="330" y1="507" x2="385" y2="507" class="blank" /></g><g transform="translate(1070 190)"><rect width="420" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Ecris</text><text x="45" y="140" class="body">deux tiers</text><line x1="45" y1="180" x2="340" y2="180" class="blank" /><text x="45" y="260" class="body">trois cinquiemes</text><line x1="45" y1="300" x2="340" y2="300" class="blank" /><text x="45" y="380" class="body">neuf dixiemes</text><line x1="45" y1="420" x2="340" y2="420" class="blank" /><text x="45" y="510" class="small">Ecris avec une barre horizontale.</text></g>
<g transform="translate(110 190)"><rect width="430" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Lis</text><g transform="translate(58 125)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">2</text></g><line x1="190" y1="133" x2="360" y2="133" class="blank" /><g transform="translate(58 247)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><line x1="190" y1="255" x2="360" y2="255" class="blank" /><g transform="translate(58 369)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">8</text></g><line x1="190" y1="377" x2="360" y2="377" class="blank" /><g transform="translate(58 491)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 106 95.08"><text x="43" y="-5.68" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="45.8" text-anchor="middle" class="frac">10</text></g><line x1="190" y1="499" x2="360" y2="499" class="blank" /></g><g transform="translate(590 190)"><rect width="430" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Haut et bas</text><g transform="translate(58 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">5</text></g><text x="175" y="123" class="small">Numerateur :</text><line x1="320" y1="123" x2="385" y2="123" class="blank" /><text x="175" y="187" class="small">Denominateur :</text><line x1="330" y1="187" x2="385" y2="187" class="blank" /><g transform="translate(58 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">9</text></g><text x="175" y="283" class="small">Numerateur :</text><line x1="320" y1="283" x2="385" y2="283" class="blank" /><text x="175" y="347" class="small">Denominateur :</text><line x1="330" y1="347" x2="385" y2="347" class="blank" /><g transform="translate(58 465)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">7</text></g><text x="175" y="443" class="small">Numerateur :</text><line x1="320" y1="443" x2="385" y2="443" class="blank" /><text x="175" y="507" class="small">Denominateur :</text><line x1="330" y1="507" x2="385" y2="507" class="blank" /></g><g transform="translate(1070 190)"><rect width="420" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Ecris</text><text x="45" y="140" class="body">deux tiers</text><line x1="45" y1="180" x2="340" y2="180" class="blank" /><text x="45" y="260" class="body">trois cinquiemes</text><line x1="45" y1="300" x2="340" y2="300" class="blank" /><text x="45" y="380" class="body">neuf dixiemes</text><line x1="45" y1="420" x2="340" y2="420" class="blank" /><text x="45" y="510" class="small">Ecris avec une barre horizontale.</text></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/02_representer_fraction_partage/exercices.svg
View File

@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Representer une fraction partagee</text>
<g transform="translate(95 190)"><rect width="460" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Fraction coloriee</text><text x="38" y="120" class="body">Quelle fraction est coloriee ?</text><rect x="45" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="128.333" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="211.667" y="160" width="83.3333" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="185" x2="430" y2="185" class="blank" /><rect x="45" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="245" y="260" width="50" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="285" x2="430" y2="285" class="blank" /><rect x="45" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="70" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="120" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="170" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="220" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="245" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="270" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="385" x2="430" y2="385" class="blank" /></g><g transform="translate(590 190)"><rect width="500" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Dessine</text><g transform="translate(52 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><text x="160" y="163" class="small">Dessine une bande.</text><line x1="345" y1="163" x2="470" y2="163" class="blank" /><g transform="translate(52 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">6</text></g><text x="160" y="303" class="small">Dessine une bande.</text><line x1="345" y1="303" x2="470" y2="303" class="blank" /><g transform="translate(52 425)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">8</text></g><text x="160" y="443" class="small">Dessine une bande.</text><line x1="345" y1="443" x2="470" y2="443" class="blank" /></g><g transform="translate(1125 190)"><rect width="360" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Verifie</text><text x="40" y="130" class="body">Verifie toujours :</text><text x="55" y="200" class="body">1. une seule unite</text><text x="55" y="270" class="body">2. des parts egales</text><text x="55" y="340" class="body">3. les parts prises</text><text x="55" y="450" class="small">Explique ton choix a l'oral.</text></g>
<g transform="translate(95 190)"><rect width="460" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Fraction coloriee</text><text x="38" y="120" class="body">Quelle fraction est coloriee ?</text><rect x="45" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="128.333" y="160" width="83.3333" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="211.667" y="160" width="83.3333" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="185" x2="430" y2="185" class="blank" /><rect x="45" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="260" width="50" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="245" y="260" width="50" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="285" x2="430" y2="285" class="blank" /><rect x="45" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="70" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="95" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="120" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="145" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="170" y="360" width="25" height="44" class="shade" stroke="#074f4b" stroke-width="2" /><rect x="195" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="220" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="245" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><rect x="270" y="360" width="25" height="44" class="empty" stroke="#074f4b" stroke-width="2" /><line x1="330" y1="385" x2="430" y2="385" class="blank" /></g><g transform="translate(590 190)"><rect width="500" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Dessine</text><g transform="translate(52 145)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><text x="160" y="163" class="small">Dessine une bande.</text><line x1="345" y1="163" x2="470" y2="163" class="blank" /><g transform="translate(52 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">6</text></g><text x="160" y="303" class="small">Dessine une bande.</text><line x1="345" y1="303" x2="470" y2="303" class="blank" /><g transform="translate(52 425)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">8</text></g><text x="160" y="443" class="small">Dessine une bande.</text><line x1="345" y1="443" x2="470" y2="443" class="blank" /></g><g transform="translate(1125 190)"><rect width="360" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Verifie</text><text x="40" y="130" class="body">Verifie toujours :</text><text x="55" y="200" class="body">1. une seule unite</text><text x="55" y="270" class="body">2. des parts egales</text><text x="55" y="340" class="body">3. les parts prises</text><text x="55" y="450" class="small">Explique ton choix a l'oral.</text></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/03_fraction_sur_demi_droite_graduee/exercices.svg
View File

@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fraction sur demi-droite</text>
<g transform="translate(95 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. L'unite</text><line x1="55" y1="190" x2="375" y2="190" class="axis" /><line x1="55" y1="176" x2="55" y2="204" class="tick" /><line x1="135" y1="176" x2="135" y2="204" class="tick" /><line x1="215" y1="176" x2="215" y2="204" class="tick" /><line x1="295" y1="176" x2="295" y2="204" class="tick" /><line x1="375" y1="176" x2="375" y2="204" class="tick" /><text x="55" y="238" class="small" text-anchor="middle">0</text><text x="375" y="238" class="small" text-anchor="middle">1</text><text x="55" y="115" class="body">L'unite est partagee en 4.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g><g transform="translate(575 190)"><rect width="450" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Placer</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="135" y1="196" x2="135" y2="224" class="tick" /><line x1="215" y1="196" x2="215" y2="224" class="tick" /><line x1="295" y1="196" x2="295" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="295" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Avance de 3 petites parts.</text><g transform="translate(360 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g></g><g transform="translate(1055 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Lire</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="119" y1="196" x2="119" y2="224" class="tick" /><line x1="183" y1="196" x2="183" y2="224" class="tick" /><line x1="247" y1="196" x2="247" y2="224" class="tick" /><line x1="311" y1="196" x2="311" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="183" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Lis le point orange.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g>
<g transform="translate(95 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. L'unite</text><line x1="55" y1="190" x2="375" y2="190" class="axis" /><line x1="55" y1="176" x2="55" y2="204" class="tick" /><line x1="135" y1="176" x2="135" y2="204" class="tick" /><line x1="215" y1="176" x2="215" y2="204" class="tick" /><line x1="295" y1="176" x2="295" y2="204" class="tick" /><line x1="375" y1="176" x2="375" y2="204" class="tick" /><text x="55" y="238" class="small" text-anchor="middle">0</text><text x="375" y="238" class="small" text-anchor="middle">1</text><text x="55" y="115" class="body">L'unite est partagee en 4.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g><g transform="translate(575 190)"><rect width="450" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Placer</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="135" y1="196" x2="135" y2="224" class="tick" /><line x1="215" y1="196" x2="215" y2="224" class="tick" /><line x1="295" y1="196" x2="295" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="295" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Avance de 3 petites parts.</text><g transform="translate(360 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g></g><g transform="translate(1055 190)"><rect width="450" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Lire</text><line x1="55" y1="210" x2="375" y2="210" class="axis" /><line x1="55" y1="196" x2="55" y2="224" class="tick" /><line x1="119" y1="196" x2="119" y2="224" class="tick" /><line x1="183" y1="196" x2="183" y2="224" class="tick" /><line x1="247" y1="196" x2="247" y2="224" class="tick" /><line x1="311" y1="196" x2="311" y2="224" class="tick" /><line x1="375" y1="196" x2="375" y2="224" class="tick" /><text x="55" y="258" class="small" text-anchor="middle">0</text><text x="375" y="258" class="small" text-anchor="middle">1</text><circle cx="183" cy="210" r="11" fill="#e78232" /><text x="55" y="115" class="body">Lis le point orange.</text><line x1="55" y1="330" x2="350" y2="330" class="blank" /></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/04_fraction_superieure_a_un/exercices.svg
View File

@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fractions superieures a 1</text>
<g transform="translate(80 190)"><rect width="560" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. Reconnaitre</text><g transform="translate(45 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">5</text></g><g transform="translate(150 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">5</text></g><g transform="translate(255 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">5</text></g><g transform="translate(360 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">9</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><g transform="translate(465 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">8</text></g><text x="45" y="330" class="small">Entoure seulement celles qui sont &gt; 1.</text></g><g transform="translate(670 190)"><rect width="560" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Decomposer</text><g transform="translate(45 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><text x="145" y="170" class="op">=</text><g transform="translate(205 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><text x="305" y="170" class="op">+</text><line x1="365" y1="170" x2="500" y2="170" class="blank" /><g transform="translate(45 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">3</text></g><text x="145" y="350" class="op">=</text><g transform="translate(205 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">3</text></g><text x="305" y="350" class="op">+</text><line x1="365" y1="350" x2="500" y2="350" class="blank" /></g><g transform="translate(1260 190)"><rect width="260" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Attention</text><text x="35" y="135" class="small">Numerateur</text><text x="35" y="180" class="small">plus grand</text><text x="35" y="225" class="small">que le bas :</text><text x="35" y="285" class="small">souvent &gt; 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
<g transform="translate(80 190)"><rect width="560" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">1. Reconnaitre</text><g transform="translate(45 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">5</text></g><g transform="translate(150 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">5</text></g><g transform="translate(255 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">5</text></g><g transform="translate(360 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">9</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><g transform="translate(465 170)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">8</text></g><text x="45" y="330" class="small">Entoure seulement celles qui sont &gt; 1.</text></g><g transform="translate(670 190)"><rect width="560" height="500" rx="24" class="white" /><text x="32" y="58" class="h2">2. Decomposer</text><g transform="translate(45 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><text x="145" y="170" class="op">=</text><g transform="translate(205 150)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">4</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><text x="305" y="170" class="op">+</text><line x1="365" y1="170" x2="500" y2="170" class="blank" /><g transform="translate(45 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">7</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">3</text></g><text x="145" y="350" class="op">=</text><g transform="translate(205 330)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">6</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">3</text></g><text x="305" y="350" class="op">+</text><line x1="365" y1="350" x2="500" y2="350" class="blank" /></g><g transform="translate(1260 190)"><rect width="260" height="500" rx="24" class="card" /><text x="32" y="58" class="h2">3. Attention</text><text x="35" y="135" class="small">Numerateur</text><text x="35" y="180" class="small">plus grand</text><text x="35" y="225" class="small">que le bas :</text><text x="35" y="285" class="small">souvent &gt; 1.</text><text x="35" y="380" class="small">Egal veut = 1.</text></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/05_comparer_fractions_simples/exercices.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/06_encadrer_fraction_entre_entiers/exercices.svg
View File

@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Encadrer une fraction</text>
<g transform="translate(90 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">1. Entiers</text><text x="45" y="125" class="body">Avec des quarts :</text><text x="45" y="185" class="op">1 =</text><line x1="120" y1="185" x2="220" y2="185" class="blank" /><text x="235" y="185" class="op">et 2 =</text><line x1="340" y1="185" x2="440" y2="185" class="blank" /><text x="45" y="300" class="body">Avec des tiers :</text><text x="45" y="360" class="op">2 =</text><line x1="120" y1="360" x2="220" y2="360" class="blank" /><text x="235" y="360" class="op">et 3 =</text><line x1="340" y1="360" x2="440" y2="360" class="blank" /></g><g transform="translate(595 190)"><rect width="410" height="540" rx="24" class="white" /><text x="32" y="58" class="h2">2. Encadrer</text><text x="45" y="177" class="op">... &lt;</text><g transform="translate(180 155)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><text x="290" y="177" class="op">&lt; ...</text><text x="45" y="327" class="op">... &lt;</text><g transform="translate(180 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">8</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">3</text></g><text x="290" y="327" class="op">&lt; ...</text><text x="45" y="477" class="op">... &lt;</text><g transform="translate(180 455)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 106 110"><text x="43" y="-5.68" text-anchor="middle" class="frac">11</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="25.28" text-anchor="middle" class="frac">5</text></g><text x="305" y="477" class="op">&lt; ...</text></g><g transform="translate(1040 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">3. Droite</text><line x1="45" y1="220" x2="365" y2="220" class="axis" /><line x1="45" y1="206" x2="45" y2="234" class="tick" /><line x1="125" y1="206" x2="125" y2="234" class="tick" /><line x1="205" y1="206" x2="205" y2="234" class="tick" /><line x1="285" y1="206" x2="285" y2="234" class="tick" /><line x1="365" y1="206" x2="365" y2="234" class="tick" /><text x="45" y="268" class="small" text-anchor="middle">0</text><text x="365" y="268" class="small" text-anchor="middle">1</text><circle cx="445" cy="220" r="11" fill="#e78232" /><text x="45" y="120" class="body">Repere l'entier juste avant</text><text x="45" y="345" class="small">puis l'entier juste apres.</text></g>
<g transform="translate(90 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">1. Entiers</text><text x="45" y="125" class="body">Avec des quarts :</text><text x="45" y="185" class="op">1 =</text><line x1="120" y1="185" x2="220" y2="185" class="blank" /><text x="235" y="185" class="op">et 2 =</text><line x1="340" y1="185" x2="440" y2="185" class="blank" /><text x="45" y="300" class="body">Avec des tiers :</text><text x="45" y="360" class="op">2 =</text><line x1="120" y1="360" x2="220" y2="360" class="blank" /><text x="235" y="360" class="op">et 3 =</text><line x1="340" y1="360" x2="440" y2="360" class="blank" /></g><g transform="translate(595 190)"><rect width="410" height="540" rx="24" class="white" /><text x="32" y="58" class="h2">2. Encadrer</text><text x="45" y="177" class="op">... &lt;</text><g transform="translate(180 155)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">5</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><text x="290" y="177" class="op">&lt; ...</text><text x="45" y="327" class="op">... &lt;</text><g transform="translate(180 305)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">8</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">3</text></g><text x="290" y="327" class="op">&lt; ...</text><text x="45" y="477" class="op">... &lt;</text><g transform="translate(180 455)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 106 95.08"><text x="43" y="-5.68" text-anchor="middle" class="frac">11</text><line x1="0" y1="8" x2="86" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="43" y="45.8" text-anchor="middle" class="frac">5</text></g><text x="305" y="477" class="op">&lt; ...</text></g><g transform="translate(1040 190)"><rect width="470" height="540" rx="24" class="card" /><text x="32" y="58" class="h2">3. Droite</text><line x1="45" y1="220" x2="365" y2="220" class="axis" /><line x1="45" y1="206" x2="45" y2="234" class="tick" /><line x1="125" y1="206" x2="125" y2="234" class="tick" /><line x1="205" y1="206" x2="205" y2="234" class="tick" /><line x1="285" y1="206" x2="285" y2="234" class="tick" /><line x1="365" y1="206" x2="365" y2="234" class="tick" /><text x="45" y="268" class="small" text-anchor="middle">0</text><text x="365" y="268" class="small" text-anchor="middle">1</text><circle cx="445" cy="220" r="11" fill="#e78232" /><text x="45" y="120" class="body">Repere l'entier juste avant</text><text x="45" y="345" class="small">puis l'entier juste apres.</text></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/07_additionner_soustraire_fractions_simples/exercices.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

2
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/08_fraction_d_une_quantite/exercices.svg
View File

@@ -17,5 +17,5 @@
<rect class="bg" width="1600" height="900" />
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel" />
<text x="800" y="112" class="title" text-anchor="middle">Exercices - Fraction d'une quantite</text>
<g transform="translate(80 190)"><rect width="490" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Une part</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">2</text></g><text x="145" y="157" class="op">de 18 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">3</text></g><text x="145" y="307" class="op">de 24 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">5</text></g><text x="145" y="457" class="op">de 40 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(610 190)"><rect width="490" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Plusieurs parts</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><text x="145" y="157" class="op">de 20 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">5</text></g><text x="145" y="307" class="op">de 30 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">6</text></g><text x="145" y="457" class="op">de 42 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(1140 190)"><rect width="370" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Methode</text><text x="45" y="130" class="body">1. Je partage par le bas.</text><text x="45" y="210" class="body">2. Je prends le haut.</text><text x="45" y="310" class="body">Exemple :</text><g transform="translate(45 390)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -48 78 110"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="25.28" text-anchor="middle" class="frac">4</text></g><text x="145" y="412" class="op">de 20</text></g>
<g transform="translate(80 190)"><rect width="490" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">1. Une part</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">2</text></g><text x="145" y="157" class="op">de 18 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">3</text></g><text x="145" y="307" class="op">de 24 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">1</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">5</text></g><text x="145" y="457" class="op">de 40 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(610 190)"><rect width="490" height="560" rx="24" class="white" /><text x="32" y="58" class="h2">2. Plusieurs parts</text><g transform="translate(45 135)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><text x="145" y="157" class="op">de 20 =</text><line x1="285" y1="157" x2="440" y2="157" class="blank" /><g transform="translate(45 285)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">2</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">5</text></g><text x="145" y="307" class="op">de 30 =</text><line x1="285" y1="307" x2="440" y2="307" class="blank" /><g transform="translate(45 435)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">6</text></g><text x="145" y="457" class="op">de 42 =</text><line x1="285" y1="457" x2="440" y2="457" class="blank" /></g><g transform="translate(1140 190)"><rect width="370" height="560" rx="24" class="card" /><text x="32" y="58" class="h2">3. Methode</text><text x="45" y="130" class="body">1. Je partage par le bas.</text><text x="45" y="210" class="body">2. Je prends le haut.</text><text x="45" y="310" class="body">Exemple :</text><g transform="translate(45 390)" class="math-expression fraction-g" data-math="fraction" data-box="-10 -38.28 78 95.08"><text x="29" y="-5.68" text-anchor="middle" class="frac">3</text><line x1="0" y1="8" x2="58" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" /><text x="29" y="45.8" text-anchor="middle" class="frac">4</text></g><text x="145" y="412" class="op">de 20</text></g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/01_lire_ecrire_fraction_simple/fiche.svg
View File

@@ -5,18 +5,18 @@
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -98.08 122 246.88">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
<text x="55" y="122.8" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/02_representer_fraction_partage/fiche.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(190 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="64" height="92" rx="12" class="orange"/>
@@ -23,10 +23,10 @@
</g><text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(330 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
@@ -34,10 +34,10 @@
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<g transform="translate(310 0)" class="fraction-g" data-box="0 -34.9 60 79.9">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
<text x="30" y="35.5" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/03_fraction_sur_demi_droite_graduee/fiche.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
<text x="0" y="17" class="h2">Exemple : placer</text>
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -31.9 50 79.9">
<text x="21" y="-4.4" text-anchor="middle" class="h2">5</text>
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
<text x="21" y="21.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="38.5" text-anchor="middle" class="h2">4</text>
</g>
</g>
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 Z" fill="#26383d"/>
@@ -21,16 +21,16 @@
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
</g><g class="math-expression" transform="translate(411 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="60" y="13" class="body"> est juste après 1.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/04_fraction_superieure_a_un/fiche.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="110" height="80" rx="12" class="green"/>
@@ -29,36 +29,36 @@
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="228" y="21" class="op">+</text>
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><g class="math-expression" transform="translate(70 258)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="130" y="21" class="op">1</text>
<text x="178" y="21" class="op">+</text>
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste trois quarts.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

16
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/05_comparer_fractions_simples/fiche.svg
View File

@@ -6,16 +6,16 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
<text x="90" y="21" class="op">&lt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">5</text>
<text x="26" y="56.3" text-anchor="middle" class="num">5</text>
</g>
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="86" height="58" rx="12" class="orange"/>
@@ -36,16 +36,16 @@
<line x1="344" y1="0" x2="344" y2="58" class="line"/>
</g></g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text><g class="math-expression" transform="translate(70 122)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">2</text>
<text x="26" y="56.3" text-anchor="middle" class="num">2</text>
</g>
<text x="90" y="21" class="op">&gt;</text>
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">1</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
<text x="26" y="56.3" text-anchor="middle" class="num">4</text>
</g>
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" class="body">Toujours comparer la même unité.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

20
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/06_encadrer_fraction_entre_entiers/fiche.svg
View File

@@ -7,42 +7,42 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(36 70)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(238 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">3</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">3</text>
</g>
</g>
<line x1="100" y1="230" x2="670" y2="230" class="line"/><path d="M670 230 L648 219 L648 241 Z" fill="#26383d"/>
<g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/></g><g class="math-expression" transform="translate(452 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76">
<g transform="translate(0 0)" class="fraction-g" data-box="0 -28.52 38 64.72">
<text x="19" y="-6.12" text-anchor="middle" class="body">7</text>
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/>
<text x="19" y="14.52" text-anchor="middle" class="body">3</text>
<text x="19" y="28.2" text-anchor="middle" class="body">3</text>
</g>
</g><g class="math-expression" transform="translate(790 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="132" y="21" class="op">2</text>
</g><g class="math-expression" transform="translate(1040 95)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">9</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="132" y="21" class="op">3</text>
</g><g class="math-expression" transform="translate(790 235)">
<text x="0" y="21" class="op">2</text>
<text x="62" y="21" class="op">&lt;</text>
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">3</text>
<text x="26" y="56.3" text-anchor="middle" class="num">3</text>
</g>
<text x="210" y="21" class="op">&lt;</text>
<text x="272" y="21" class="op">3</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

24
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/07_additionner_soustraire_fractions_simples/fiche.svg
View File

@@ -6,22 +6,22 @@
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression" transform="translate(80 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="86" y="21" class="op">+</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">5</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">7</text>
<text x="26" y="56.3" text-anchor="middle" class="num">7</text>
</g>
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="70" height="70" rx="12" class="orange"/>
@@ -37,22 +37,22 @@
<line x1="420" y1="0" x2="420" y2="70" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J&#x27;ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression" transform="translate(65 270)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">6</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="86" y="21" class="op">-</text>
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">2</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
<text x="240" y="21" class="op">=</text>
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -50.58 62 120.38">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">8</text>
<text x="26" y="56.3" text-anchor="middle" class="num">8</text>
</g>
</g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

8
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/08_fraction_d_une_quantite/fiche.svg
View File

@@ -7,10 +7,10 @@
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 72)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
<g transform="translate(250 0)" class="fraction-g" data-box="0 -34.9 42 79.9">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
<text x="21" y="35.5" text-anchor="middle" class="h2">4</text>
</g>
<text x="326" y="17" class="h2">de 20</text>
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
@@ -24,10 +24,10 @@
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
<text x="0" y="13" class="body">Pour trouver</text>
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -26.52 46 64.72">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
<text x="19" y="30.2" text-anchor="middle" class="body">4</text>
</g>
<text x="398" y="13" class="body">d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text>
</g></g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

18
backend/tools/compact_fraction_svg_spacing.py
View File

@@ -18,6 +18,7 @@ FRACTION_GROUP_RE = re.compile(
)
TEXT_RE = re.compile(r"(<text\b[^>]*\by=\")[-0-9.]+(\"[^>]*>)")
LINE_Y_RE = re.compile(r"<line\b[^>]*\by1=\"(?P<y1>[-0-9.]+)\"[^>]*\by2=\"(?P<y2>[-0-9.]+)\"")
DATA_BOX_RE = re.compile(r'data-box="(?P<x>[-0-9.]+) (?P<y>[-0-9.]+) (?P<w>[-0-9.]+) (?P<h>[-0-9.]+)"')
def parse_class_font_sizes(svg: str) -> dict[str, float]:
@@ -50,7 +51,9 @@ def compact_group(match: re.Match[str], class_sizes: dict[str, float]) -> str:
bar_y = (float(line_match.group("y1")) + float(line_match.group("y2"))) / 2
size = group_font_size(body, class_sizes)
numerator_y = bar_y - min(max(8.0, size * 0.38), size * 0.50)
denominator_y = bar_y + min(max(10.0, size * 0.48), size * 0.55)
# SVG text y is a baseline, not the visible top of the digit. The denominator
# baseline must therefore sit lower so the glyph itself clears the bar.
denominator_y = bar_y + max(18.0, size * 1.05)
replacements = [f"{numerator_y:g}", f"{denominator_y:g}"]
@@ -60,7 +63,18 @@ def compact_group(match: re.Match[str], class_sizes: dict[str, float]) -> str:
return f"{text_match.group(1)}{replacements.pop(0)}{text_match.group(2)}"
body = TEXT_RE.sub(replace_text_y, body, count=2)
return f"{match.group('prefix')}{body}{match.group('suffix')}"
data_box_y = numerator_y - size * 0.85 - 2
data_box_height = denominator_y + size * 0.25 + 2 - data_box_y
prefix = DATA_BOX_RE.sub(
lambda data_match: (
f'data-box="{data_match.group("x")} {data_box_y:g} '
f'{data_match.group("w")} {data_box_height:g}"'
),
match.group("prefix"),
count=1,
)
return f"{prefix}{body}{match.group('suffix')}"
def compact_svg(path: Path) -> None:

4
backend/tools/regenerate_fraction_exercise_svgs.py
View File

@@ -44,10 +44,10 @@ def fraction(x: int, y: int, n: str | int, d: str | int, size: int = 52) -> str:
cx = width / 2
return (
f'<g transform="translate({x} {y})" class="math-expression fraction-g" '
f'data-math="fraction" data-box="-10 -48 {width + 20} 110">'
f'data-math="fraction" data-box="-10 -39 {width + 20} 96">'
f'<text x="{cx:g}" y="-10" text-anchor="middle" class="frac">{escape(n_text)}</text>'
f'<line x1="0" y1="8" x2="{width}" y2="8" stroke="#074f4b" stroke-width="4" stroke-linecap="round" />'
f'<text x="{cx:g}" y="28" text-anchor="middle" class="frac">{escape(d_text)}</text>'
f'<text x="{cx:g}" y="46" text-anchor="middle" class="frac">{escape(d_text)}</text>'
"</g>"
)

43
backend/tools/validate_svg_quality.py
View File

@@ -237,6 +237,8 @@ def validate_layout_collisions(path: Path, root: ET.Element, styles: dict[str, d
for second in boxes[index + 1 :]:
if first.kind != "fraction" and second.kind != "fraction":
continue
if first.kind == "text" or second.kind == "text":
continue
if overlaps(first, second):
issues.append(
Issue(
@@ -327,12 +329,51 @@ def validate_fraction_group(path: Path, group: ET.Element, styles: dict[str, dic
num_size = font_size(numerator, styles)
den_size = font_size(denominator, styles)
numerator_bottom = num_y + num_size * 0.25
denominator_top = den_y - den_size * 0.85
top_clearance = bar_y - numerator_bottom
bottom_clearance = denominator_top - bar_y
min_visible_clearance = 3.0
max_visible_clearance = max(14.0, num_size * 0.50)
if top_clearance < min_visible_clearance:
issues.append(
Issue(
"warning",
path,
f"Chevauchement visuel numerateur/barre ({top_clearance:.1f}px, attendu >= {min_visible_clearance:.1f}px).",
)
)
if bottom_clearance < min_visible_clearance:
issues.append(
Issue(
"warning",
path,
f"Chevauchement visuel barre/denominateur ({bottom_clearance:.1f}px, attendu >= {min_visible_clearance:.1f}px).",
)
)
if top_clearance > max_visible_clearance:
issues.append(
Issue(
"warning",
path,
f"Espace trop grand entre numerateur et barre ({top_clearance:.1f}px, attendu <= {max_visible_clearance:.1f}px).",
)
)
if bottom_clearance > max_visible_clearance:
issues.append(
Issue(
"warning",
path,
f"Espace trop grand entre barre et denominateur ({bottom_clearance:.1f}px, attendu <= {max_visible_clearance:.1f}px).",
)
)
# La baseline du numérateur est volontairement plus proche du trait que celle
# du dénominateur : c'est ce qui équilibre l'espace visible autour de la barre.
min_top_gap = max(8.0, num_size * 0.24)
min_bottom_gap = max(8.0, den_size * 0.30)
max_top_gap = max(14.0, num_size * 0.50)
max_bottom_gap = max(14.0, den_size * 0.55)
max_bottom_gap = max(46.0, den_size * 1.30)
if bar_y - num_y < min_top_gap:
issues.append(