Example files for the creation of a React + d3.js application in a Salesforce Sandbox instance

EventController.apxc

global with sharing class EventController {
    
    public String accountId {get; set;}
    
    public EventController() {}
    
    @RemoteAction
    global static List<Event> findEvents(String accountId) {
        return [SELECT Type, CreatedDate, Id from Events WHERE WhoId =:accountId];
    }
}

manifest.json

{
  "landing-pages": [
    {
      "path": "index.html",
      "apex-controller": "LeadController"
    }
  ]
}

package.json

{
  "name": "sample_react_d3_app_salesforce",
  "homepage": "./",
  "scripts": {
    "salesforce_build": "react-scripts build && cd build && zip -r SampleReactD3App.zip *",
  }
}

SampleReactD3App.cmp

<aura:component implements="flexipage:availableForAllPageTypes" access="global" controller="LeadController">
  <lightning:card title="React D3 Sample">
    <lightning:container
      aura:id="sampleReactD3App"
      src="{!$Resource.SampleReactD3App + '/index.html'}"
      onmessage="{!c.handleMessage}"
      onerror="{!c.handleError}"
    />
  </lightning:card>
</aura:component>

SampleReactD3App.css

.THIS iframe { 
  height: 500px;
}