https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • s
    You’re king @mysterious-toddler-20573 ! 💪 Thank you very much! 👍 I have a lot of work these days, but I will try to finish the implementation of the multi-swap extension in the next few days.
  • h
    I went down a rabbit hole and didn't like what I found. Any insight here would be very welcome: https://github.com/bigskysoftware/htmx/issues/1076#issuecomment-1279732194
    m
    • 2
    • 16
  • m

    https://www.youtube.com/watch?v=3GObi93tjZI▾

  • m
    I went down a rabbit hole and didn t
  • m
    been looking forward to this talk
  • m
    thanks
  • m
    Also thanks to David for the talk
  • m
    Yes, thank you @melodic-advantage-28381 !!! 👏 👏 👏
  • m
    No excuses not to use htmx now, if there was before
  • d
    Question to the server
    Copy code
    html
<my-chart type="line-chart">
  <line-chart-dataset title="my-title" line-color="line-color" line-type="straight" >
     <data-point x="something" y="something"/>
     <data-point x="something" y="something"/>
     <data-point x="something" y="something"/>
     <data-point x="something" y="something"/>
     <data-point x="something" y="something"/>
     ....
  </line-chart-dataset>
</my-chart>
    Does anyone know any custom HTML libraries that can sort of use soemething like this to produce charts?
  • d
    im considering working on something like this using native webcomponents, since it should theoretically work, but no clue on the complexity
  • d
    does anyone know if this has been done before?\
  • g
    I haven't found any
  • g
    A suggestion: use tables instead of 
    <data-point>
  • g
    (esp. since the self-closing tags you used are not valid)
  • d
    interesting suggestion
  • d
    what would that look like syntatically?
  • g
    Copy code
    html
<table is="my-chart" chart-type="line-chart">
  <tbody is="line-chart-dataset" title="my-title" line-color="line-color" line-type="straight" >
     <tr><td>something<td>something
     <tr><td>something<td>something
     <tr><td>something<td>something
     <tr><td>something<td>something
     <tr><td>something<td>something
     ....
  </tbody>
</table>
  • g
    Degrades gracefully to a plain table
  • g
    And less verbose
  • d
    true, but the goal is to have HTML that preserves chart semantics, instead of using dom manipulation on the front end to produce a chart from a table
  • d
    the whole point of web components is to extend HTML with semantic, context-specific tags
  • d
    tho i like the us of an ``is`` attribute
  • d
    I was building some reports on the backend the other day, and all the charts were just PNGs rendered on the server side
  • d
    felt really unrepresentative of data
  • g
    web components do not have semantics. a table is the closest thing HTML has to a chart
  • g
    since it also represents a series of data
  • g
  • d
    web components themselves is that they dont have semantics in the spec, but they repersent semantics
  • d
    Copy code
    html
<user-card>
  <user-name></user-name>
  <a href="user-profile"></a>
</user-card>
    has great semantics compared to a long line of divs with classes\
1...857858859...1146Latest