Передайте идентификатор div в функцию javascript, чтобы отобразить несколько диаграмм d3 на странице

Мне не совсем понятно, о чем вы здесь спрашиваете, но я вижу пару очевидных проблем. Поскольку мы работаем с модулями, функция line не является глобальной, ее необходимо экспортировать/импортировать туда, где это необходимо, или ее нужно явно сделать глобальной.

import * as d3 from "d3";

function line (chart_id) {
  const svg = d3.select(chart_id)
    .attr('width', 400)
    .attr('height', 400)
    .style('background-color', 'black');

  svg.append("line")
    .style("stroke", "lightgreen")
    .style("stroke-width", 10)
    .attr("x1", 0)
    .attr("y1", 0)
    .attr("x2", 200)
    .attr("y2", 200);
}

window.line = line;

// or like this 
//
// window.line = function (chart_id) { 
//   ...
// }

Другая проблема заключается в том, что простые теги скриптов загружаются до скриптов модулей, поэтому функция line еще не определена:

<script type = "module">
  line("#line_1");
</script>

Возможно, вы захотите создать контроллер Stimulus вместо создания встроенных скриптов и добавления глобальных функций:
https://стимуляциус.hotwired.dev/

$ bin/rails stimulus chart

// app/javascript/controllers/chart_controller.js

import { Controller } from "@hotwired/stimulus"
import * as d3 from "d3";

// Connects to data-controller = "chart"
export default class extends Controller {
  // https://stimulus.hotwired.dev/reference/values
  static values = {
    type: String,
    num: Number,
  }

  connect() {
    // this.typeValue
    // this.numValue

    this.line();
  }

  line() {
    const svg = d3.select(this.element)
      .attr('width', 400)
      .attr('height', 400)
      .style('background-color', 'black');

    svg.append("line")
      .style("stroke", "lightgreen")
      .style("stroke-width", 10)
      .attr("x1", 0)
      .attr("y1", 0)
      .attr("x2", 200)
      .attr("y2", 200);
  }
}

# app/views/home/index.html.erb

<%= tag.svg data: {
  controller: "chart",
  chart_type_value: "line",
  chart_num_value: 1
} %>