Как отрисовку кривой сделать шириной меньше чем ширина svg?

Максим Ленский, но идея же в том, что ширина кривой должна быть просто меньше, а не обрезаться. А оси в этом svg должны быть по всей ширине, то есть. они не должны обрезаться. Полагаю, что рисунок исказил суть задачи.

Как отрисовку кривой сделать шириной меньше чем ширина svg?

Максим Ленский, мне необходимо, чтобы только кривая была меньше по ширине, а оси, и в перспективе что-то другой оставалось такой же ширины как и svg.

Как преобразовать данные?

Спасибо, но не совсем то, что мне нужно. Ниже в комментарии 0xD34F я описал более подробно.

Как объединить массивы?

Спасибо.

Как нормализовать вид кривой в d3.js?

Oleg, Спасибо. Я попробовал вот такое решение:
y.domain([d3.min(data, d => d.close) - 0.1, d3.max(data, d => d.close)])

Как сделать фильтрацию по датам?

ettychel, большое спасибо.

Как сделать фильтрацию по датам?

Спасибо.

Как правильно обновлять градиент в d3.js при перерендере?

Спасибо. Вы могли бы подсказать ещё один момент: если я данные помещаю в state:
const [data, setData] = useState(cData), то resize градиента перестает работать (внес изменения с учетом вашего ответа в codepen). Я так понимаю, что можно написать следующее:

useEffect(() => {
  console.log('useEffect()')

  // console.log('data', data)

  if (ref.current) {
    d3.select(ref.current)
    .select('.area')
    .datum(data)
    .transition()
    .duration(1000)
    .attr('d', areaGenerator)
  }

// }, [ref.current, data])
})

Но насколько, это правильно?

Как правильно работать с порядком вывода в React?

Алексей Уколов, Я что-то похожее и сделал. Спасибо за помощь.

Как правильно работать с порядком вывода в React?

С точки зрения синтаксиса, как мне верно написать?

import ComponentOne from './component-one'
import ComponentTwo from './component-two'
import ComponentThree from './component-thee'
{
  widgets.map((widget) => {
    console.log('widget', widget)

    return 'component'
  })
}

Как правильно сделать Responsive svg (D3.js)?

Спасибо. А, если например, добавить:

// return () => window.removeEventListener('resize', onResize);
const onResize = () => {
    
    if (!node.current) {
      return false
    }

    const bounds = node.current.getBoundingClientRect()
    changeWidth(bounds.width)
    
    return () => window.removeEventListener('resize', onResize);
  }

?

Как отобразить только номер года на шкале x в d3.js?

Спасибо.

Как правильно сделать перерендер в react (hooks и d3.js)?

Большое спасибо. Ещё один небольшой вопрос: шкалы таким образом анимировать не получится?

chart.svg.select('#xAxis')
    .transition(d3.easeLinear)
    .duration(1000)
    .call(d3.axisBottom(chart.xScale));

chart.svg.select('#yAxis')
    .transition(d3.easeLinear)
    .duration(1000)
    .call(d3.axisLeft(chart.yScale).tickSize(chart.graphWidth))
    .call(g => g.select('.domain').remove())
    .call(g => g
      .selectAll('.tick:not(:first-of-type) line')
      .attr('stroke-opacity', 0.5)
      .attr('stroke-dasharray', '2,2')
    )
    .call(g => g.selectAll('.tick text').attr('dy', -4));

Как правильно вывести данные (год) x axios в d3.js?

Владимир, Добавил картинку, это то, что нужно получить. На шкале, в данном случае, должны быть видны 2018 и 2019 по одному разу.

Как правильно написать регулярное выражение?

Спасибо. А как сделать, если, например, нужен сценарий, я ввожу пробелы, это попадает под регулярное выражение, далее символ, уже не попадает. Т.е. если пользователь ввел просто пробелы, то это ошибка.

Как правильно написать регулярное выражение?

Владимир Коротенко, спасибо, хороший ресурс.

Как правильно настроить sqlite, чтобы работал LIKE по кириллице?

Roman Kitaev, Не тот запрос скопировал: SELECT * FROM people WHERE UPPER(pbfirstName || pblastName || pbcity) LIKE "%СОЧ%" - ничего не возвращает (в базе - Сочи)
Ладно, спасибо за помощь. С регистром я прочитал, что нужно выставлять переменную PRAGMA case_sensitive_like=OFF; Но нужно детальнее разобраться.

Как правильно настроить sqlite, чтобы работал LIKE по кириллице?

Я сейчас написал во такой запрос:

SELECT * FROM people WHERE UPPER(pbfirstName || pblastName || pbcity) LIKE "%Соч%"

ничего не вернулось.

Как правильно настроить sqlite, чтобы работал LIKE по кириллице?

Спасибо. Небольшое уточнение, я верно понял, что в базе регистр должен быть один?

INSERT INTO people (pbfirstName, pblastName, pbcity, pbphoneNumber) VALUES
('user', 'one', 'сочи', '[phone]'),
('user', 'two', 'москва', '[phone]'),
('user', 'three', 'москва', '[phone]'),
('user', 'four', 'москва', '[phone]'),
('user', 'five', 'москва', '[phone]');

Как правильно настроить sqlite, чтобы работал LIKE по кириллице?

Apothecary, Дело именно в кириллице.