You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<pclass="doc-version">This documentation is for scikit-learn <strong>version 0.17.1</strong> — <ahref="http://scikit-learn.org/stable/support.html#documentation-resources">Other versions</a></p>
108
+
<pclass="citing">If you use the software, please consider <ahref="../../../../about.html#citing-scikit-learn">citing scikit-learn</a>.</p>
<li><aclass="reference internal" href="#editing-the-layout-of-the-map-and-it-s-paths">1. Editing the layout of the map and it’s paths.</a></li>
112
+
<li><aclass="reference internal" href="#accessing-the-paths-of-the-svg-file-and-exporting-them">2. Accessing the paths of the SVG file and exporting them.</a></li>
113
+
<li><aclass="reference internal" href="#export-paths-as-svg-files">3. Export paths as SVG files</a></li>
114
+
<li><aclass="reference internal" href="#edit-the-svg-file">4. Edit the SVG file</a></li>
115
+
<li><aclass="reference internal" href="#from-svg-to-html-map">5. From SVG to HTML map</a></li>
116
+
<li><aclass="reference internal" href="#add-the-new-map-to-the-main-html-file">6. Add the new map to the main html file</a></li>
<p>The image is made interactive using an imagemap, and uses the jQuery Map Hilight plugin module
143
+
by David Lynch (<aclass="reference external" href="http://davidlynch.org/projects/maphilight/docs/">http://davidlynch.org/projects/maphilight/docs/</a>) to highlight
144
+
the different items on the image upon mouseover.</p>
145
+
<p>Modifying the map on the docs is currently a little bit tedious,
146
+
so I’ll try to make it as simple as possible.</p>
<h2>1. Editing the layout of the map and it’s paths.<aclass="headerlink" href="#editing-the-layout-of-the-map-and-it-s-paths" title="Permalink to this headline">¶</a></h2>
149
+
<p>Use a Graphics editor like Inkscape Vector Graphics Editor
150
+
to open the ml_map.svg file, in this folder. From there
151
+
you can move objects around, ect. as you need.</p>
152
+
<p>Save when done, and make sure to export a .PNG file
153
+
to replace the old-outdated ml_map.png, as that file
<h2>2. Accessing the paths of the SVG file and exporting them.<aclass="headerlink" href="#accessing-the-paths-of-the-svg-file-and-exporting-them" title="Permalink to this headline">¶</a></h2>
158
+
<p>Use an image manipulation package like GIMP Image Editor to open
159
+
the ml_map.svg file, in this folder. With GIMP, make sure
160
+
to select ‘Import paths’.</p>
161
+
<p>Once the image has been opened, you can see all imported paths on the paths tab.
162
+
You can edit these or create new paths. In GIMP, right-clicking one of the
163
+
paths and choosing: Path Tool will allow you to see the paths on
164
+
the image. The paths will be exported later and will be used to
<h2>6. Add the new map to the main html file<aclass="headerlink" href="#add-the-new-map-to-the-main-html-file" title="Permalink to this headline">¶</a></h2>
190
+
<p>Copy the code from the newly created ‘new_area.html’
191
+
file. Open the ml_map.html file.</p>
192
+
<p>Add the <area href=....... ></area> that you copied
193
+
after the last </area> tag in the ml_map.html file.</p>
194
+
<p>Add the link address to ‘href’ and a tooltip to
195
+
‘title’ within your <area ...> tag.</p>
196
+
<p>If you wish to add the green and blue hover effect
0 commit comments