ArvinH

Visualize data from google calendar through google-calendar-api in Calendar View from https://bl.ocks.org/mbostock/4063318

ArvinH

class ResizeObserver {
  constructor() {
    this.observables = [];
      // Array of observed elements that looks like this:
      // [{
      //   el: domNode,
      //   callback: func,
      //   size: {height: x, width: y}
      // }]
    this.boundCheck = this.check.bind(this);

ArvinH

diff --git a/src/components/github-htmlview.component.js b/src/components/github-htmlview.component.js
index 1d50925..83e04d3 100644
--- a/src/components/github-htmlview.component.js
+++ b/src/components/github-htmlview.component.js
@@ -204,8 +204,10 @@ export class GithubHtmlView extends Component {
           /<span class="email-hidden-toggle"><a href="#">…<\/a><\/span>/g,
           ''
         )
-        .replace(/<\/summary>/g, '</summary><hidden>')
+        .replace(/<details>/g, '<details><hidden>')

ArvinH

[
  {
    "key": "0 歲",
    "value": 27783
  },
  {
    "key": "10 歲",
    "value": 21775
  },
  {

ArvinH

const fs = require('fs');
const axios = require('axios');
const xml2js = require('xml2js-es6-promise');

let weatherData;

const extraDataMap = (status, data) => {
    return {
        status: status,
        time: data.$.time,

ArvinH

ArvinH

ArvinH

ArvinH

Time timer by d3.js v4

simply input minutes and you can see how many time remains through visual block

ArvinH

(Shamelessly taken here)

Come up with this idea, but found @filipekiss has already made a great version two years ago, I upgrade to D3v4 layout (with v3 linear radial)

same rule with orginal version:

click a type name and it will show you that type weaknesses. Clicking a second type will make the graph behave for dual types.

[Yellow line] Takes Double Damage [Blue line] Takes Half Damage