you-draw-it template German

Template - version German for you-draw-it.

For documentation see https://github.com/EE2dev/you-draw-it

<!DOCTYPE html>
  <meta charset="utf-8">

<body>
    <script src="https://d3js.org/d3.v5.min.js"></script>
    <script src="https://ee2dev.github.io/ydi/js/youdrawit.min.js"></script> 
    <script>
      var questions = [];
      var question = {};
     
      var globals = { 
        default: "de",
        // header: "Viel Spass beim Quiz",
        // subHeader: "Versuchen Sie die richtige Antwort zu erraten und sehen Sie selbst, wie gut Sie sich auskennen!",
        // drawAreaTitle: "Ihre\nEinschätzung",
        // drawLine: "Zeichnen Sie von hier\nden Verlauf zu Ende",
        // drawBar: "Ziehen Sie den Balken\nauf die entsprechende Höhe",
        // resultButtonText: "Zeig mir die Lösung!",
        // resultButtonTooltip: "Zeichnen Sie Ihre Einschätzung. Der Klick verrät, ob sie stimmt.",
        // showScore: true,
        // scoreButtonText: "Zeig mir, wie gut ich war!",
        // scoreButtonTooltip: "Klicken Sie hier, um Ihr Gesamtergebnis zu sehen",
        // scoreTitle: "Ihr Ergebnis:",
        // scoreHtml: "<b>Ausgezeichnet!!</b>", 
        // or scoreHtml: [{lower: 0, upper: 50, html: "<b>Das war wohl nichts!!</b>"}, {lower: 50, upper: 101, html: "<b>Ausgezeichnet!!</b>"}],
      };

// ----- for additional questions, copy FROM here
      question = { 
        data: [
          {2017: 150}, 
          {2018: 142}, 
          {2019: 145}, 
          {2020: 170},
          ],
        heading: "Frage 1",
        // subHeading: "Kontext zu Frage 1",
        // resultHtml: "War das wirklich so <b>schwer</b>?",
        unit: "Mio",
        // precision: 1,
        // lastPointShownAt: 2018,
        // yAxisMin: ,
        yAxisMax: 250,
      };
      questions.push(question);
      // ----- for additional questions, copy TO here

// ----- for additional questions, copy FROM here
      question = {
        data: 17.1,
        heading: "Frage 2",
        // subHeading: "Kontext zu Frage 2",
        // resultHtml: "War das wirklich so <b>schwer</b>?",
        unit: "Mio",
        precision: 3,
        // lastPointShownAt: ,
        // yAxisMin: ,
        // yAxisMax: , 
      };
      questions.push(question);
      // ----- for additional questions, copy TO here

var myChart = youdrawit
        .chart()
        .globals(globals)
        .questions(questions);

d3.select("body")
        .append("div")
        .attr("class", "chart")
        .call(myChart);
    </script>
  </body>
</html>

https://d3js.org/d3.v5.min.js

https://ee2dev.github.io/ydi/js/youdrawit.min.js