app.component.html

<div class="widget">
  <h2>Service & component with CSV data source</h2>
  <d3-circle-packing-renderer [root]="csvRoot"></d3-circle-packing-renderer>
</div>

app.component.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  providers: [
    flareCsvServiceProvider(FLARE_CSV)
  ],
})
export class AppComponent {
  public csvRoot;

  constructor(private flareCsvService: FlareCsvService,
              private flareJsonService: FlareJsonService) {
    this.csvRoot = flareCsvService.getRoot();
  }
}