Site Web

D3.js

Généralités

D3.js workshop

→ visite guidée de D3.js par son créateur
The Hitchhiker’s Guide to d3.js

→ présentation globale de D3.js
Learn D3.js

→ tutoriel sur D3.js

Représentation de la température

Lignes (Linear Chart) et Lignes avancées (Linear Chart)

→ exemple de courbe multilignes et courbe avec tooltip

Représentation des chocs

Positive and Negative Values Bar Chart

→ exemple d’histogramme avec valeurs positives et négatives
Lollipop Chart

→ exemple de courbe “sucette” avec valeurs positives et négatives

Extensions

DC.js Tutorial

→ Tutoriel sur la librairie DC.js basée sur D3.js et Crossfilter pour l’analyse de grand jeux de données multidimensionnels

Dashboard

Using Basic and Tween Transitions in d3.js

→ Exemple de dashboard web relativement simple utilisant D3.js

Accès système de fichier local

How to save a file
How to Save a File With JavaScript
Getting Started With the File System Access API

Exemple de page html sauvegardant la date dans un fichier mais en passant obligatoirement par un filepicker (exemple généré avec ChatGPT) :

save-date.html

<!DOCTYPE html>
<html>
  <head>
    <title>Save Date to File</title>
  </head>
  <body>
    <h1>Enter Date to Save to File</h1>
    <form>
      <label for="date">Date:</label>
      <input type="date" id="date" name="date"><br><br>
      <label>
        <input type="checkbox" id="use_current_date" name="use_current_date"> Use Current Date
      </label><br><br>
      <button type="button" onclick="saveDate()">Save Date</button>
    </form>
    <script src="https://cdn.jsdelivr.net/npm/@use-strict/file-system-access@1.0.0/dist/index.min.js"></script>
    <script>
      async function saveDate() {
        // Get the user-entered date or the current date if the checkbox is checked
        var date;
        if (document.getElementById("use_current_date").checked) {
          date = new Date().toISOString().slice(0, 10);
        } else {
          date = document.getElementById("date").value;
        }

        // Use the ponyfill to prompt the user to choose a file to save to
        const fileHandle = await window.showSaveFilePicker({
          types: [
            {
              description: 'Text file',
              accept: {
                'text/plain': ['.txt'],
              },
            },
          ],
        });

        // Use the file handle to create a writable file stream
        const writable = await fileHandle.createWritable();

        // Write the date to the file and close the stream
        await writable.write(date);
        await writable.close();

        // Display a message indicating that the date was saved
        alert("Date saved to file!");
      }
    </script>
  </body>
</html>

Accès USB via JS

🞄 🞄 🞄