<!-- première ligne (3 cercles) -->
<circle cx="32" cy="32" r="12" fill="coral" />
<circle cx="64" cy="32" r="12" fill="royalBlue" />
<circle cx="96" cy="32" r="12" fill="mediumOrchid" />

<!-- deuxième ligne (3 cercles) -->
<circle cx="32" cy="64" r="12" fill="dodgerBlue" />
<circle cx="64" cy="64" r="12" fill="crimson" />
<circle cx="96" cy="64" r="12" fill="DeepSkyBlue" />

<!-- troisième ligne (3 cercles) -->
<circle cx="32" cy="96" r="12" fill="limegreen" />
<circle cx="64" cy="96" r="12" fill="mediumPurple" />
<circle cx="96" cy="96" r="12" fill="orange" />