<p>Improving on the NVC static webpage scraper that I initially created, I wanted to create a dynamic scraper and display data over time. Since I have a keen interest in what Tesla is doing, I focused on their configuration pages.</p>
<p>Trackers:</p>
<ul>
<li><a href="https://nyc0.github.io/nextjs-blog/mds">Model S</a></li>
<li><a href="https://nyc0.github.io/nextjs-blog/md3">Model 3</a></li>
<li><a href="https://nyc0.github.io/nextjs-blog/mdx">Model X</a></li>
<li><a href="https://nyc0.github.io/nextjs-blog/mdy">Model Y</a></li>
</ul>
<h1>How do they work?</h1>
<p>The pages reliese on two components.</p>
<ol>
<li>Collect information: a python script using request and selenium loads the web page and browse through the DOM component based on my initial analysis. The script collects the data in a JSON object, which get saved on completion.</li>
<li>Display information: a Next.js page create the static web page based on the JSON file, and Chart.js object.
In order to review the data more easily, I have included button allowing to filter the charts based on an option prefix (P-, W-. I-, O-).</li>
</ol>
<h2>Next steps?</h2>
<ul>
<li>Add seater option data to mdy page</li>
<li>Use Object programming to define a car and options</li>
<li>S &#x26; X trackers</li>
</ul>


Nicolas Grymonprez

Tesla tracker

How do they work?

Next steps?