TypeError: 'undefined' is not an object (evaluating 'e.schemeCategory10')

[tanya5895]

• C3 version: 0.7.20 (latest)
• D3 version: 7.4.4 (latest)
• Browser: google chrome (Version 100.0.4896.88 (Official Build) (x86_64))
• OS: macOS Monterey 12.2.1 (21D62)
  codepen link : https://codepen.io/tanya5895/pen/KKQWKJV

error log :
ERROR : TypeError: 'undefined' is not an object (evaluating 'e.schemeCategory10')

c3.min.js:2 Uncaught TypeError: this.d3.set is not a function
at l.mapTargetsToUniqueXs (c3.min.js:2:128160)
at p.t.updateXAxisTickValues (c3.min.js:2:13207)
at l.redraw (c3.min.js:2:31077)
at l.initWithData (c3.min.js:2:27500)
at l.init (c3.min.js:2:22585)
at new n (c3.min.js:2:463)
at Object.generate (c3.min.js:2:21614)
at pen.js:2:16

[tanya5895]

@masayuki0812 / @kt3k can you please help here ?

[kt3k]

We currently stop maintaining the repo. Please consider using billboard.js https://github.com/naver/billboard.js which has almost the same API and maintained better