Removing an Axis in d3js Parallel Coordinates

Question

I'm attempting to implement a function where if I click an axis, the column of data will be removed from the parallel coordinates graph. However, it seems to only remove the axis versus removing the data underneath it. The functionality I'm looking for is similar to http://bl.ocks.org/syntagmatic/3150059 where dragging a column to the left-edge will remove it from the graph.

parcoords.svg.selectAll(".dimension")
  .on("click", delete_axis);

function delete_axis(dimension) {
  parcoords.svg.selectAll(".dimension")
    .filter(function(d) {
      return d == dimension;
    }).remove();
}

Answer 1

do you use the parallel coordinates library? https://github.com/syntagmatic/parallel-coordinates

if so you have two possibilities:
hide the axes you don't want to show (completely; no influence on the plot).
here param is an array of the name of the axes not to be shown (as strings)

parcoords.hideAxis(param)
 .render()
 .updateAxes();

only show the ones you want to( the others have completely no influence ).
here param is an array of the names of the shown axes (as strings).

parcoords
 .detectDimensions()
 .dimensions(param)
 .render()
 .updateAxes();

greetings Jones