How to dynamically display a multiline text in D3.js?

by

You have the following options.

  • You can, as you’ve mentioned, add more than one text element with the appropriate spacing.
  • You can also use multiple tspan elements within a text element to the same effect. Again, you would have to set the spacing yourself.
  • You can use foreignObject to embed a suitable HTML element (e.g. a div) that will take care of the line breaking, spacing etc. for you. For an example of that, see e.g. here.

I would go with the HTML embedding option unless you have a specific reason not to. It makes the actual text formatting so much easier than the other options.

More Related Contents:

  1. Importing local json file using d3.json does not work
  2. D3 – how to deal with JSON data structures?
  3. Updating links on a force directed graph from dynamic json data
  4. Kotlin Json Parser
  5. Parsing JSON with Unix tools
  6. How to escape special characters in building a JSON string?
  7. How to make HTTP Post request with JSON body in Swift
  8. JSON Invalid UTF-8 middle byte
  9. JSON Naming Convention (snake_case, camelCase or PascalCase) [closed]
  10. Nested ng-repeat
  11. Updating SVG Element Z-Index With D3
  12. How to import JSON File into a TypeScript file?
  13. D3 Appending Text to a SVG Rectangle
  14. Unix command-line JSON parser? [closed]
  15. how to parse a JSON String with jq (or other alternatives)?
  16. UnicodeDecodeError: ‘utf8’ codec can’t decode byte 0x80 in position 3131: invalid start byte
  17. D3js take data from an array instead of a file
  18. Standard way of referencing an object by identity (for, eg, circular references)?
  19. How to generate JSON response from JSF?
  20. How to output Django queryset as JSON?
  21. Flutter Registration with API
  22. Get IIS6 to serve JSON files (inc. POST,GET)?
  23. How to save an array as a json file in Swift?
  24. how to parse json using groovy
  25. gson: Treat null as empty String
  26. JsonMappingException: could not initialize proxy – no Session
  27. Any when decoding JSON with Codable?
  28. How to access remote data and write it into a file during Nuxt build?
  29. Using VBA and VBA-JSON to access JSON data from WordPress API
  30. Did the publication of ECMA-404 affect the validity of JSON texts such as ‘2’ or ‘”hello”‘?

Leave a Comment