GithubHelp home page GithubHelp logo

d3.group convenience function? about d3-collection HOT 3 CLOSED

d3 avatar d3 commented on April 25, 2024
d3.group convenience function?

from d3-collection.

Comments (3)

geekplux avatar geekplux commented on April 25, 2024

d3.group is more semantic.

from d3-collection.

1wheel avatar 1wheel commented on April 25, 2024

We've been using nestBy

d3.nestBy = function(array, key){
  return d3.nest()
    .key(key)
    .entries(array)
    .map(function(d){
      d.values.key = d.key
      return d.values
    })
}

Not having to type values a zillion times is nice since I use them so much. I typically manually add multiple levels of nesting and mutate with a forEach loop instead of using sort, rollup or multiple key calls:

var byCountry = d3.nestBy(data, d => d.country)
byCountry.forEach(d => {
  d.sort(d3.ascendingKey(d => d.year))
  d.byYear = d3.nestBy(d, d => d.year)
  d.byYear.forEach((year, i) => {
    var cumulativePercent = 0
    year.sort(d3.ascendingKey(d => d.isRight ? 0 : d.isCenter: 2 : 1))
      .forEach(d => {
        cumulativePercent += d.percent
        d.cumulativePercent = cumulativePercent
      })
  })
})

The ends up being a bit longer and not nearly as pretty, but is easier to incrementally experiment with different subgrouping and summary statistics while exploring different forms.

from d3-collection.

mbostock avatar mbostock commented on April 25, 2024

Moving discussion over to d3/d3-array#75.

from d3-collection.

Related Issues (19)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.